/* ===========================================================================
   Tally Sync — design tokens
   Everything visual comes from here. Nothing else defines a colour or a size.
   =========================================================================== */

:root {
  /* ---- brand, sampled from the Swastik logo ---- */
  --brand:        #0051E1;
  --brand-press:  #0040B5;
  --brand-deep:   #062A55;
  --brand-deep-2: #0B3A70;
  --brand-wash:   #EAF1FE;
  --brand-line:   #C7DBFB;

  /* ---- reserved: live / in-sync only, never decoration ---- */
  --live:         #3398E8;

  /* ---- ink ---- */
  --ink:          #0B1A2E;
  --body:         #33465F;
  --muted:        #65748B;
  --faint:        #94A3B8;

  /* ---- surfaces ---- */
  --bg:           #F5F8FC;
  --card:         #FFFFFF;
  --line:         #E3E9F2;
  --line-2:       #F0F4F9;
  --hover:        #FAFCFF;

  /* ---- status ---- */
  --green:        #0C7A4E;  --green-bg: #E6F5EE;  --green-line: #BFE3D1;
  --amber:        #A56A00;  --amber-bg: #FDF3E0;  --amber-line: #EED9AE;
  --red:          #C0392B;  --red-bg:   #FDECEA;  --red-line:   #F2C9C4;

  /* ---- type ---- */
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

  --fs-page:   23px;
  --fs-card:   14px;
  --fs-body:   14.5px;
  --fs-table:  13.5px;
  --fs-label:  12.5px;
  --fs-hint:   12px;
  --fs-kpi:    27px;

  /* ---- spacing: 4px base ---- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s7: 32px; --s8: 40px;

  /* ---- shape ---- */
  --r-card: 10px;
  --r-ctl:  7px;
  --r-sm:   5px;
  --shadow: 0 1px 2px rgba(11,26,46,.05), 0 10px 28px -18px rgba(11,26,46,.35);
  --shadow-lift: 0 4px 12px rgba(11,26,46,.09), 0 24px 48px -24px rgba(11,26,46,.4);

  /* ---- layout ---- */
  --sidebar: 246px;
  --content-max: 1180px;
  --topbar-h: 52px;

  --ring: 0 0 0 3px rgba(30,136,229,.16);
  --t-fast: 120ms ease;
  --t: 180ms ease;

  --z-drawer: 60;
  --z-modal:  70;
  --z-toast:  80;
}

/* Dark mode is deferred, but the hooks live here so it is a token change
   rather than a rewrite when we get to it. */