/* =========================================================
   All In For Jobs: design tokens
   Client Pantone palette (Oct 21, 2026):
     2767 C navy #13294B · 143 C gold #F1B434
     6428 C cream #EADEC6 · 7527 C sand #D6D2C4
   Tints and shades are derived from these four only.
   Light mode only. Headlines: Archivo Black. Body: Archivo.
   ========================================================= */

:root {
  color-scheme: light;

  /* Brand palette (Pantone) */
  --c-navy: #13294B;         /* 2767 C: text, dark sections */
  --c-gold: #F1B434;         /* 143 C: accent, 7.8:1 with navy */
  --c-cream: #EADEC6;        /* 6428 C: surfaces */
  --c-sand: #D6D2C4;         /* 7527 C: borders, muted text on navy (9.6:1) */

  /* Derived tints and shades */
  --c-navy-2: #0E1F38;       /* navy shade */
  --c-navy-raised: #2B3E5D;  /* navy +10% white: raised surfaces on navy */
  --c-navy-mid: #3D506B;     /* navy +18% white: secondary colour; white on it 8.2:1, on bg 7.0:1 */
  --c-navy-soft: #5A6981;    /* navy +30% white */
  --c-navy-light: #A1A9B7;   /* navy +60% white: navy text on it 6.1:1 */
  --c-gold-tint: #F6CE7B;
  --c-gold-pale: #F9E1AE;
  --c-gold-faint: #FCF2DA;
  --c-gold-shade: #C1902A;
  --c-cream-light: #F3EDE0;  /* cream +45% white: page background */
  --c-paper: #FAF7F1;        /* cream +75% white: cards and inputs */
  --c-sand-shade: #A09E93;
  --c-white: #FFFFFF;
  --c-muted: #3D506B;        /* muted text on the page background 7.0:1 */
  --c-muted-dark: #D6D2C4;   /* muted text on navy 9.6:1 */
  --c-error: #B3261E;

  /* Semantic tokens */
  --bg: var(--c-cream-light);
  --bg-recessed: var(--c-cream);
  --surface: var(--c-paper);
  --text: var(--c-navy);           /* 12.4:1 on the background */
  --text-muted: var(--c-muted);
  --accent-text: var(--c-navy-mid);
  --line: var(--c-sand);
  --line-strong: rgba(19, 41, 75, 0.3);
  --focus: var(--c-navy-mid);

  --dark-bg: var(--c-navy);
  --dark-bg-2: var(--c-navy-2);
  --dark-text: var(--c-cream-light);
  --dark-text-muted: var(--c-muted-dark);
  --dark-accent: var(--c-gold);
  --dark-line: rgba(243, 237, 224, 0.18);

  --header-bg: rgba(243, 237, 224, 0.92);

  --tbd-bg: rgba(19, 41, 75, 0.05);
  --tbd-text: #3D506B;
  --tbd-line: rgba(19, 41, 75, 0.14);

  --placeholder-bg: repeating-linear-gradient(135deg, #EADEC6 0 14px, #F3EDE0 14px 28px);
  --placeholder-text: #3D506B;

  /* Graphic tokens (light sections) */
  --g-ink: var(--c-navy);
  --g-gold: var(--c-gold);
  --g-gold-tint: var(--c-gold-tint);
  --g-sand: var(--c-sand);
  --g-navy-mid: var(--c-navy-mid);
  --g-tile: var(--c-paper);

  /* Type */
  --font-display: "Archivo Black", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;

  /* Scale follows the client type sheet: display tracking -0.035em,
     headings -0.03em, body 20px / 1.6 on desktop */
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: clamp(1.0625rem, 0.98rem + 0.3vw, 1.25rem);
  --fs-md: 1.25rem;
  --fs-lg: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
  --fs-h3: clamp(1.05rem, 0.98rem + 0.3vw, 1.2rem);
  --fs-h2: clamp(1.75rem, 1.2rem + 2.4vw, 3.25rem);
  --fs-display: clamp(2.4rem, 0.5rem + 5.2vw, 5.75rem);
  --fs-stat: clamp(3.2rem, 1.4rem + 7.6vw, 8rem);
  --fs-stat-sm: clamp(2.4rem, 1.4rem + 4.2vw, 4.75rem);

  --lh-tight: 1;
  --lh-heading: 1.08;
  --lh-body: 1.6;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: clamp(4.5rem, 3rem + 6vw, 9rem);

  --gutter: clamp(1.25rem, 0.8rem + 2.4vw, 3rem);
  --max-w: 78rem;
  --measure: 38rem;

  /* One very small radius everywhere (cards, buttons, inputs, graphics) */
  --radius-s: 2px;
  --radius-m: 2px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-reveal: 900ms;
  --dur-count: 1800ms;

  --header-h: 4.5rem;
}