/* ============================================================
   PayrollSys — System Theme
   Auto-generated by system.aspx — do not edit manually
   Last updated: 2026-05-22 11:26:41
   ============================================================ */

:root {
  --theme-primary:     #590d22;
  --theme-accent:      #a4133c;
  --theme-sidebar:     #370617;
  --theme-button:      #c9184a;
  --theme-font-size:   11px;
  --theme-font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

body {
  font-size: var(--theme-font-size) !important;
  font-family: var(--theme-font-family) !important;
}

.navbar-custom {
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%) !important;
}

.sidebar {
  background: var(--theme-sidebar) !important;
}

.welcome-banner {
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%) !important;
  color: rgba(255,255,255,.95) !important;
  border-left-color: rgba(255,255,255,.3) !important;
}
.welcome-banner h1,.welcome-banner h2,.welcome-banner h3,
.welcome-banner h4,.welcome-banner h5,.welcome-banner h6 {
  color: #fff !important;
}
.welcome-banner .highlight-name {
  color: #fff !important;
}
.welcome-banner .text-muted,
.welcome-banner p,
.welcome-banner .emp-subtitle,
.welcome-banner small {
  color: rgba(255,255,255,.78) !important;
}

.settings-card-header,
.ws-card-header,
.sys-card-header {
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%) !important;
}

.btn-primary {
  background-color: var(--theme-button) !important;
  border-color:     var(--theme-button) !important;
}
.btn-primary:hover { filter: brightness(1.12); }

.sys-logo {
  max-height: 34px;
  max-width:  110px;
  object-fit: contain;
  margin-right: 8px;
  vertical-align: middle;
}