/**
 * tokens.css — The Ledger (editorial-typographic / massimo-vignelli)
 * Copied from ~/projects/design-physics-kit/dist/vercel/tokens.css and overridden below
 * with Corrum Capital's own brand values (design-tokens.json + art-direction-pack.json).
 * Every declaration in this file is a CSS custom property — component CSS references
 * these via var(--*) only; no raw hex/px literal is authored outside this file.
 */

:root {
  /* ---- kit base (unmodified structural scaffold) ---- */
  --color-neutral-0: #ffffff;
  --color-neutral-50: #fafaf8;
  --color-neutral-200: #e6e5e1;
  --color-neutral-500: #6b6b67;
  --color-neutral-800: #2b2b29;
  --color-neutral-950: #111110;

  /* ---- brand: overridden with Corrum's own plum (the client's stated colour group) ---- */
  --color-brand-primary: #593160;   /* Corrum plum — the ONE chromatic hue */
  --color-brand-accent: #3F2145;    /* same hue, darker shade — never a second hue */
  --font-display: 'EB Garamond', 'Times New Roman', Georgia, 'Iowan Old Style', serif; /* client's own deck face */
  --font-body: 'Source Sans 3', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* ---- The Ledger palette (art-direction-pack.json §palette) ---- */
  --color-plum: #593160;       /* hue */
  --color-plum-dark: #3F2145;  /* hover / small-text-safe / inverse surfaces */
  --color-plum-mid: #7C577C;   /* decorative rule mid-tone — large elements only, never small text */
  --color-ink: #1C1A1E;        /* headings */
  --color-body: #3A3A3E;       /* body copy */
  --color-muted: #8B6B8B;      /* captions ≥24px only — see design-expert-notes contrast rule */
  --color-wash: #EDE7EC;       /* sunken band background */
  --color-tint: #CCBDCA;       /* rules / borders only, never text */
  --color-paper: #FFFFFF;
  --color-inverse-text: #FFFFFF; /* text on the plum-dark footer band */

  /* ---- type scale: base 18px, ratio 1.333 (art-direction-pack.json §type) ---- */
  --fs-caption: 13px;   /* 18 / 1.333 */
  --fs-body: 18px;      /* base */
  --fs-1: 24px;         /* 18 * 1.333 */
  --fs-2: 32px;         /* 24 * 1.333 */
  --fs-3: 43px;         /* 32 * 1.333 */
  --fs-4: 57px;         /* 43 * 1.333 */
  --fs-5: 76px;         /* 57 * 1.333 */
  --fs-6: 101px;        /* 76 * 1.333 — display jump (ledger $2.5bn+ numeral) */
  --lh-body: 1.5;
  --lh-display: 1.1;
  --ls-display: -0.02em;
  --ls-caps: 0.08em;

  /* ---- spacing: 8pt grid (design-tokens.json §spacing) ---- */
  --size-space-half: 4px;
  --size-space-1: 8px;
  --size-space-2: 16px;
  --size-space-3: 24px;
  --size-space-4: 32px;
  --size-space-5: 40px;
  --size-space-6: 64px;
  --size-space-7: 96px;
  --size-space-8: 128px;

  /* ---- radius: Vignelli discipline — sharp corners, no rounding ---- */
  --size-radius-sm: 0px;
  --size-radius-md: 0px;

  /* ---- motion ---- */
  --motion-duration-fast: 150ms;
  --motion-duration-base: 240ms;
  --motion-duration-slow: 600ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-entrance: cubic-bezier(0, 0, 0.2, 1);

  /* ---- semantic aliases (kit contract) ---- */
  --semantic-bg: #FFFFFF;
  --semantic-surface: #FFFFFF;
  --semantic-ink: #1C1A1E;
  --semantic-ink-muted: #8B6B8B;
  --semantic-rule: #CCBDCA;
  --semantic-action: #593160;
  --semantic-signal: #3F2145;

  /* ---- layout ---- */
  --measure-max: 68ch;
  --measure-narrow: 52ch;
  --rule-hair: 1px;
  --container-max: 1440px;
  --container-pad-mobile: var(--size-space-4);
  --container-pad-desktop: var(--size-space-6);
}