/* Halcott design system — generated from tokens.json v1 */
:root{
  --surface-canvas:#f6f7f9; --surface-raised:#ffffff; --surface-sunken:#eceef2; --surface-ink:#0a0c11;
  --hairline:#dce0e7; --hairline-strong:#bfc5d0;
  --ink:#0b0e14; --ink-muted:#59616f; --ink-faint:#676f7d; --ink-on-ink:#f6f7f9;
  --accent:#1e39d6; --accent-strong:#16299e; --accent-ink:#ffffff; --accent-wash:#e9edff;
  --verify:#0e7490; --verify-wash:#e2f5fb; --caution:#8a5a00; --alert:#b42318;

  --font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-sans:"Inter Tight","Inter",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;

  --radius-none:0px; --radius-xs:2px; --radius-sm:4px; --radius-pill:999px;

  --shadow-raised:0 1px 2px rgba(11,14,20,.06);
  --shadow-overlay:0 16px 48px rgba(11,14,20,.22);
  --shadow-focus:0 0 0 3px rgba(30,57,214,.28);

  --gut:var(--space-5); --max:1200px; --topbar:64px;
  --safe-b:env(safe-area-inset-bottom,0px); --safe-t:env(safe-area-inset-top,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --surface-canvas:#0a0c11; --surface-raised:#13161d; --surface-sunken:#06080c; --surface-ink:#f6f7f9;
    --hairline:#232833; --hairline-strong:#333a47;
    --ink:#f2f4f8; --ink-muted:#a2abb9; --ink-faint:#828c99; --ink-on-ink:#0b0e14;
    --accent:#6e86ff; --accent-strong:#99aaff; --accent-ink:#0a0c11; --accent-wash:#151c36;
    --verify:#45cbe8; --verify-wash:#0e2730; --caution:#e8a93b; --alert:#ff8a80;
    --shadow-focus:0 0 0 3px rgba(110,134,255,.32);
  }
}
:root[data-theme="dark"]{
  --surface-canvas:#0a0c11; --surface-raised:#13161d; --surface-sunken:#06080c; --surface-ink:#f6f7f9;
  --hairline:#232833; --hairline-strong:#333a47;
  --ink:#f2f4f8; --ink-muted:#a2abb9; --ink-faint:#828c99; --ink-on-ink:#0b0e14;
  --accent:#6e86ff; --accent-strong:#99aaff; --accent-ink:#0a0c11; --accent-wash:#151c36;
  --verify:#45cbe8; --verify-wash:#0e2730; --caution:#e8a93b; --alert:#ff8a80;
  --shadow-focus:0 0 0 3px rgba(110,134,255,.32);
}
@media (max-width:760px){ :root{ --gut:var(--space-4); } }