/* Reddix design system tokens — fonts, colors, typography, spacing.
   Concatenated verbatim from the Claude Design project's _ds/ token files,
   preserving original load order. site.css loads after this and overrides
   the Direction B "Signal" palette with the warm institutional Direction C. */

/* ---- tokens/fonts.css ---- */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;450;500;600&display=swap');

/* ---- tokens/colors.css ---- */
:root{
  --ledger-ink:#0E1633;
  --ink-2:#1B2650;
  --ink-3:#2E3A63;

  --white:#FFFFFF;
  --surface-0:#FFFFFF;
  --surface-1:#F7F8FA;
  --surface-2:#EEF0F4;
  --hairline:#E7E9F0;
  --hairline-strong:#D6DAE6;
  --hairline-ink:#232C4A;

  --text-strong:#0B1020;
  --text-body:#252A3A;
  --text-muted:#5B6072;
  --text-faint:#8A8F9E;
  --text-on-ink:#F4F6FB;
  --text-muted-on-ink:#8FA0D0;

  --blue:#2563EB;
  --blue-hover:#1D4FD7;
  --blue-press:#1A46C0;
  --blue-soft:#EEF3FE;
  --blue-border:#CFDCFB;

  --held-amber:#E9A13B;
  --held-amber-deep:#B26E12;
  --amber-signal:#E4901E;

  --cleared:#3E7D5A;
  --reversed:#7A4A86;

  --bg-page:var(--surface-1);
  --bg-page-alt:var(--surface-2);
  --bg-ink:var(--ledger-ink);
  --surface-card:var(--surface-0);
  --surface-card-alt:var(--surface-1);

  --accent:var(--blue);
  --accent-hover:var(--blue-hover);
  --accent-soft:var(--blue-soft);
  --accent-on-ink:var(--held-amber);

  --border-hairline:var(--hairline);
  --border-hairline-ink:var(--hairline-ink);

  --state-held-fg:var(--held-amber-deep);
  --state-held-bg:#FDF3E1;
  --state-held-border:#F2DCB0;
  --state-cleared-fg:#2E6E48;
  --state-cleared-bg:#E7F3EC;
  --state-cleared-border:#C3E0CF;
  --state-reversed-fg:var(--reversed);
  --state-reversed-bg:#F2E9F4;
  --state-reversed-border:#DFC9E4;

  --archive-paper:var(--surface-1);
  --paper-2:var(--surface-2);
  --muted:var(--text-muted);
  --muted-ink:var(--text-muted-on-ink);
}

/* ---- tokens/typography.css ---- */
:root{
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --font-body:'Inter','Calibri',system-ui,sans-serif;

  --fw-display:700;
  --fw-display-med:500;
  --fw-body:400;
  --fw-body-med:500;
  --fw-body-semi:600;

  --disp-hero:clamp(64px,12vw,150px);
  --disp-1:42px;
  --disp-2:30px;
  --disp-3:22px;

  --body-lg:18px;
  --body-md:15px;
  --body-sm:13px;

  --mono-md:15px;
  --mono-sm:13px;
  --mono-xs:11px;
  --mono-2xs:10.5px;

  --tracking-display:-.03em;
  --tracking-eyebrow:.22em;
  --tracking-label:.16em;
  --tracking-data:.04em;

  --lh-tight:1.08;
  --lh-body:1.5;
  --lh-loose:1.6;
}

/* ---- tokens/spacing.css ---- */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:22px;
  --space-6:34px;
  --space-7:56px;
  --space-8:64px;
  --space-9:96px;

  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:14px;

  --shadow-card:0 1px 2px rgba(11,16,32,.04);
  --shadow-raised:0 1px 2px rgba(11,16,32,.04),0 8px 24px -12px rgba(11,16,32,.14);
  --shadow-doc:0 1px 2px rgba(11,16,32,.05),0 20px 50px -20px rgba(11,16,32,.22);
  --shadow-ink:0 20px 50px -20px rgba(0,0,0,.5);

  --border-width:1px;
  --amber-rule-width:8px;
  --content-max:1120px;
}