/* ACBIZ CORE - design tokens. Change colours here and the whole platform follows.
   Each platform built on CORE can override --brand-* in its own file. */
:root {
  --brand-h: 221; --brand-s: 83%;
  --brand:        hsl(var(--brand-h) var(--brand-s) 48%);
  --brand-hover:  hsl(var(--brand-h) var(--brand-s) 40%);
  --brand-soft:   hsl(var(--brand-h) 90% 96%);
  --brand-ink:    #ffffff;

  --bg:        #f4f6fb;
  --surface:   #ffffff;
  --surface-2: #f8fafc;
  --border:    #e3e8f0;
  --text:      #0f172a;
  --text-2:    #475569;
  --text-3:    #64748b;

  --ok:   #047857; --ok-bg:   #d1fae5;
  --err:  #b91c1c; --err-bg:  #fee2e2;
  --warn: #92400e; --warn-bg: #fef3c7;
  --info: #1e40af; --info-bg: #dbeafe;

  --radius: 12px; --radius-sm: 8px;
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --shadow:    0 4px 16px rgba(15,23,42,.08);
  --focus: 0 0 0 3px hsl(var(--brand-h) var(--brand-s) 48% / .35);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sidebar-w: 248px; --topbar-h: 60px;

  /* legacy variable names used by older stylesheets */
  --primary: var(--brand); --primary-h: var(--brand-hover);
  --dark: var(--text); --gray: var(--text-3); --light: var(--bg);
  color-scheme: light;
}
:root[data-theme="dark"] {
  --brand:       hsl(var(--brand-h) 90% 62%);
  --brand-hover: hsl(var(--brand-h) 90% 70%);
  --brand-soft:  hsl(var(--brand-h) 40% 18%);
  --brand-ink:   #0b1220;
  --bg: #0b1220; --surface: #121a2b; --surface-2: #17213a; --border: #26324d;
  --text: #e8edf6; --text-2: #b6c2d6; --text-3: #8b9ab3;
  --ok: #6ee7b7; --ok-bg: #064e3b; --err: #fca5a5; --err-bg: #4c1414;
  --warn: #fcd34d; --warn-bg: #4a3206; --info: #93c5fd; --info-bg: #14305f;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --shadow: 0 6px 20px rgba(0,0,0,.45);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand:       hsl(var(--brand-h) 90% 62%);
    --brand-hover: hsl(var(--brand-h) 90% 70%);
    --brand-soft:  hsl(var(--brand-h) 40% 18%);
    --brand-ink:   #0b1220;
    --bg: #0b1220; --surface: #121a2b; --surface-2: #17213a; --border: #26324d;
    --text: #e8edf6; --text-2: #b6c2d6; --text-3: #8b9ab3;
    --ok: #6ee7b7; --ok-bg: #064e3b; --err: #fca5a5; --err-bg: #4c1414;
    --warn: #fcd34d; --warn-bg: #4a3206; --info: #93c5fd; --info-bg: #14305f;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --shadow: 0 6px 20px rgba(0,0,0,.45);
    color-scheme: dark;
  }
}