/* Authority design tokens — Apple-clean: system type, hairlines, tinted pills,
   translucent chrome, light and dark from the OS. */
:root {
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-body: 15px; --lh: 1.47;
  --fs-title: 22px; --fs-h: 17px; --fs-small: 13px; --fs-micro: 11px;

  --bg: #f5f5f7; --surface: #ffffff; --surface2: #f2f2f7; --surface3: #e9e9ee;
  --ink: #1d1d1f; --dim: #6e6e73; --faint: #a1a1a6;
  --hair: rgba(0,0,0,.08); --hair2: rgba(0,0,0,.14);
  --accent: #0071e3; --accent-ink: #ffffff; --accent-tint: rgba(0,113,227,.12);
  --ok: #34c759; --warn: #ff9f0a; --bad: #ff3b30; --idle: #8e8e93;
  --ok-tint: rgba(52,199,89,.14); --warn-tint: rgba(255,159,10,.16); --bad-tint: rgba(255,59,48,.14);
  --chrome: rgba(255,255,255,.72);

  --r-card: 12px; --r-sheet: 14px; --r-btn: 10px; --r-pill: 999px;
  --shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);
  --sidebar-w: 260px; --row-h: 44px;
  --ease: 160ms ease-out; --ease-sheet: 220ms cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #000000; --surface: #1c1c1e; --surface2: #2c2c2e; --surface3: #3a3a3c;
    --ink: #f5f5f7; --dim: #a1a1a6; --faint: #6e6e73;
    --hair: rgba(255,255,255,.12); --hair2: rgba(255,255,255,.2);
    --accent: #2997ff; --accent-tint: rgba(41,151,255,.18);
    --ok: #30d158; --warn: #ffb340; --bad: #ff453a;
    --ok-tint: rgba(48,209,88,.18); --warn-tint: rgba(255,179,64,.18); --bad-tint: rgba(255,69,58,.18);
    --chrome: rgba(28,28,30,.72);
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.5);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --ease: 0ms; --ease-sheet: 0ms; }
}