/* ---------------------------------------------------------------------------
   Talk for Impact — design tokens
   Transcribed from Claude Code/knowledge/brand/DESIGN_SYSTEM.md (canon).
   That file is the source. This is a copy. Re-sync when it changes.

   Every value there was measured from the CRAFT 91 pitch deck, not chosen.
   Do not add a colour, a radius, or a shadow that is not below.
--------------------------------------------------------------------------- */

:root {
  /* ---------- COLOUR. Three families of two, plus two neutrals ---------- */
  --navy:       #15202F;  /* main.      Dark ground, cards on cream, text in cards and tables */
  --navy-light: #324257;  /* variation. Body text on cream. Raised box on navy. Never a ground */
  --gold:       #DFBA76;  /* main.      Edge bar, rules, borders, display type, table header */
  --gold-pale:  #E1D8AF;  /* variation. Large soft fills. Gold that must read on navy quietly */
  --cream:      #FDFBF6;  /* main.      Light ground, cards on navy, text on navy */
  --cream-deep: #ECE9E4;  /* variation. Cards and bands sitting on cream */

  /* ---------- UI NEUTRALS. A fourth tier, not a fourth family ---------- */
  --stone: #E6E8EA;  /* Hairlines and borders on Cream. NEVER on Cream deep, 1.01:1 */
  --slate: #8A95A1;  /* Secondary text on Navy ONLY, 5.39:1. NEVER on cream, 2.95:1 */

  /* ---------- COLOUR ROLES. Use these, not the raw values ---------- */
  --ground-light:            var(--cream);
  --ground-dark:             var(--navy);
  --ink-on-light:            var(--navy-light);  /*  9.89:1 AAA */
  --ink-on-light-strong:     var(--navy);        /* 15.87:1 AAA — inside cards and tables */
  --ink-on-dark:             var(--cream);       /* 15.87:1 AAA */
  --surface-on-light:        var(--cream-deep);
  --surface-on-light-invert: var(--navy);
  --surface-on-dark:         var(--cream);
  --surface-on-dark-raised:  var(--navy-light);  /* surface only, never text */
  --accent:                  var(--gold);        /* on navy 8.93:1. NEVER text on cream, 1.78:1 */
  --accent-soft:             var(--gold-pale);   /* on navy 11.44:1 */
  --hairline:                var(--stone);
  --ink-secondary-on-dark:   var(--slate);
  /* There is deliberately NO light-ground secondary ink. On cream, secondary is
     carried by weight and size. See DESIGN_SYSTEM rule 9. */

  /* ---------- TYPE. Two faces. Which one is set by medium ---------- */
  --font-serif: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --font-sans:  'Lato', 'Helvetica Neue', Helvetica, sans-serif;

  --size-hero:      93px;
  --size-title:     67px;
  --size-hero-sub:  40px;
  --size-headline:  32px;
  --size-statement: 27px;
  --size-lead:      24px;
  --size-body-lg:   21px;
  --size-body:      20px;
  --size-body-sm:   19px;
  --size-eyebrow:   21px;
  --size-label:     17px;
  --size-table:     16px;
  --size-micro:     12px;

  --lh-display:  1.15;
  --lh-headline: 1.30;
  --lh-text:     1.40;
  --lh-micro:    1.80;
  --tracking:    0;      /* measured zero everywhere, including all-caps */

  --w-light:         300;
  --w-regular:       400;
  --w-bold:          700;
  --w-display:       600;
  --w-display-heavy: 700;

  /* ---------- SPACE. 4px base ---------- */
  --space-4:   4px;
  --space-8:   8px;
  --space-16:  16px;
  --space-24:  24px;
  --space-32:  32px;
  --space-48:  48px;
  --space-64:  64px;
  --space-72:  72px;
  --space-80:  80px;
  --space-128: 128px;

  /* ---------- STRUCTURE ---------- */
  --page-margin: 80px;
  --edge-bar:    16px;   /* the gold bar */
  --rule:        4px;    /* block marker and card left border */
  --rule-gap:    16px;
  --measure-max: 972px;
  --radius:      0;      /* not a scale. One value */
  --shadow:      none;   /* not a scale. One value */
}

/* ---------------------------------------------------------------------------
   Component rules live in site.css, not here. This file is tokens only.

   They were both here and in site.css until 2026-08-25, and the duplicate .page
   silently kept applying its own padding underneath the new one — two files
   owning one component, which is the single-source failure the project forbids.
   The signature element (.page, .block, .card) is defined once, in site.css.
--------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
   This design never does. Ten rules, from DESIGN_SYSTEM.md. Read before adding.
     1. Never rounds a corner.
     2. Never casts a shadow.
     3. Never boxes a statement to emphasise it. Emphasis is the gold rule,
        the weight, or the size.
     4. Never puts a surface on its own main colour.
     5. Never makes Navy light a full-bleed ground.
     6. Never lets Gold past an accent. It covers 1.5%-4.3% of a page.
        Gold pale is the only gold permitted as a large fill.
     7. Never letterspaces.
     8. Never centres a text column. Centring is for the cover only.
     9. Never admits a grey that is not Stone or Slate, and there is
        deliberately no quieter-than-Navy-light ink for light grounds.
    10. Never reinstates #0E1017.
--------------------------------------------------------------------------- */