/* ── Custom Theme ─────────────────────────────────────────────────
   A neutral, fully-customisable base. Set your unit's exact colours
   in Admin → Theme & Branding. No fonts, no opinions — just variables.
   ─────────────────────────────────────────────────────────────── */

[data-theme="custom"] {
  --color-bg:            #111318;
  --color-surface:       #191c22;
  --color-surface-2:     #20242c;
  --color-surface-3:     #282d38;

  --color-border:        #2a2f3a;
  --color-border-subtle: #1e2230;

  --color-accent:           #4a8fd6;
  --color-accent-hover:     #5ca0e8;
  --color-accent-muted:     #1a2d44;
  --color-accent-dim:       rgba(74,143,214,0.12);

  --color-secondary-accent: #8b6cc8;

  --color-text:          #cdd4e0;
  --color-text-muted:    #6a7490;
  --color-text-faint:    #3d4560;
  --color-heading:       #e0e8f8;

  --color-nav-bg:        #0c0e14;
  --color-nav-border:    #1a1e28;
  --color-nav-text:      #6a7490;
  --color-nav-active:    #cdd4e0;

  --color-footer-bg:     #0c0e14;

  --font-sans:           system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif;
  --font-heading:        system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif;
  --font-mono:           'Consolas', 'Monaco', monospace;
  --font-weight-heading: 700;
  --font-size-base:      16px;

  --radius-sm:           3px;
  --radius:              6px;
  --radius-md:           8px;
  --radius-lg:           10px;
  --radius-pill:         999px;

  --shadow-sm:           0 1px 4px rgba(0,0,0,0.45);
  --shadow:              0 3px 12px rgba(0,0,0,0.55);
  --shadow-lg:           0 8px 28px rgba(0,0,0,0.65);
  --shadow-gold:         none;

  --color-green:         #3a9060;
  --color-green-bg:      rgba(58,144,96,0.12);
  --color-green-bd:      rgba(58,144,96,0.3);
  --color-red:           #a03040;
  --color-red-bg:        rgba(160,48,64,0.12);
  --color-red-bd:        rgba(160,48,64,0.3);
  --color-amber:         #b88020;
  --color-amber-bg:      rgba(184,128,32,0.12);
  --color-amber-bd:      rgba(184,128,32,0.3);
  --color-blue:          #4a8fd6;
  --color-blue-bg:       rgba(74,143,214,0.12);
  --color-blue-bd:       rgba(74,143,214,0.3);

  --card-header-bg:      #20242c;
  --body-bg-image:       none;
}

/* Uses secondary accent for card headers and nav accent border */
[data-theme="custom"] .card-header {
  border-bottom: 1px solid var(--color-secondary-accent);
}

[data-theme="custom"] .navbar {
  border-bottom: 2px solid var(--color-secondary-accent);
}

[data-theme="custom"] .badge-primary {
  background: var(--color-accent-muted);
  color: var(--color-accent);
  border-color: var(--color-accent);
}

[data-theme="custom"] .btn-primary {
  background: var(--color-accent);
  border-color: var(--color-accent);
}

[data-theme="custom"] .auth-card {
  border-top: 2px solid var(--color-accent);
}

[data-theme="custom"] th {
  border-bottom: 1px solid var(--color-secondary-accent);
  color: var(--color-accent);
}

[data-theme="custom"] .footer {
  border-top: 1px solid var(--color-secondary-accent);
}