/* ============================================================================
   tokens.css — design tokens (single source for color / space / radius / shadow)
   Palette echoes jira-autolog (ttb-blue) for brand continuity. Plain CSS, no build.
   Contrast: every text/link token verified >= 4.5:1 on its background (see CONTRIBUTING).
   ============================================================================ */
:root {
  /* --- accent: ttb-blue --------------------------------------------------- */
  --c-accent:       #1279BE;   /* fills, borders, large/bold text (>=4.66:1 on white) */
  --c-accent-dark:  #0D5F95;   /* body links / small accent text (6.8:1 on white)     */
  --c-accent-tint:  #E6F2FA;   /* soft accent background (callout note, active nav)    */

  /* --- neutral base (slate) ---------------------------------------------- */
  --c-bg:        #ffffff;
  --c-bg-soft:   #f8fafc;      /* page canvas / sidebar surface */
  --c-surface:   #ffffff;
  --c-border:    #e2e8f0;
  --c-border-strong: #cbd5e1;
  --c-text:      #0f172a;      /* body text — 17.85:1 on white */
  --c-text-muted:#475569;      /* secondary text — 7.58:1 on white */

  /* --- semantic ----------------------------------------------------------- */
  --c-warn:       #D85E14;     /* warn border / large bold only (3.8:1 — not small text) */
  --c-warn-text:  #A24710;     /* warn small text / icon (6.1:1 on white, 5.5:1 on tint) */
  --c-warn-tint:  #FEF1E6;
  --c-danger:     #b91c1c;     /* 6.47:1 on white */
  --c-danger-tint:#fef2f2;
  --c-ok:         #15803d;     /* 5.02:1 on white */
  --c-ok-tint:    #f0fdf4;

  /* --- radius ------------------------------------------------------------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* --- shadow (restrained — space does the lifting, not heavy soft-UI) ---- */
  --sh-card: 0 1px 2px rgba(15,23,42,.06), 0 4px 12px rgba(15,23,42,.04);
  --sh-pop:  0 8px 28px rgba(15,23,42,.12);

  /* --- spacing scale (base 8: 4/8/16/24/40/64) ---------------------------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 40px;
  --sp-6: 64px;
  --sp-7: 96px;

  /* --- layout dimensions -------------------------------------------------- */
  --sidebar-w: 280px;
  --content-max: 760px;       /* readable measure for content column */
  --header-h: 60px;

  /* --- motion (all gated under prefers-reduced-motion) -------------------- */
  --t-fast: 120ms;
  --t-med:  220ms;
  --ease:   cubic-bezier(.2,.6,.2,1);

  --z-header: 30;
  --z-drawer: 50;
  --z-overlay: 40;
}