/* ==========================================================================
   Athena Recruits — design tokens (shared by public site + admin)
   Two neutrals + one brass accent + a sparing olive. No other colour, ever.
   Reference tokens by name; never hard-code a hex.
   ========================================================================== */
:root {
  /* Colour */
  --ink:       #1A1A1A;   /* near-black, never #000 */
  --athena:    #1F2A36;   /* primary display / wordmark */
  --slate:     #55524C;   /* body text */
  --stone:     #C8C3B7;   /* hairlines, dividers */
  --brass:     #8C6E3B;   /* the one accent */
  --brass-ink: #6f5630;   /* darker brass for AA text on light panels */
  --olive:     #6B6A3A;   /* botanical motif, footnotes — sparingly */
  --parchment: #F4EFE6;   /* primary surface (printed feel) */
  --paper:     #FBF8F1;   /* digital default surface */
  --bone:      #EFE9DE;   /* tonal blocks */

  /* Type */
  --font-display: "Playfair Display", "Bodoni 72", Didot, Garamond, "Times New Roman", serif;
  --font-sans:    "Inter", "Söhne", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Editorial italic — GT Sectra Fine is the paid swap-in; Cormorant for now. */
  --font-italic:  "Cormorant Garamond", "GT Sectra Fine", Garamond, "Times New Roman", serif;
  --font-mono:    ui-monospace, "JetBrains Mono", "iA Writer Mono", Menlo, monospace;

  /* Spacing scale */
  --s1: 4px;  --s2: 8px;  --s3: 16px; --s4: 24px;
  --s5: 40px; --s6: 64px; --s7: 96px; --s8: 144px;

  /* Layout */
  --measure: 68ch;
  --gutter: clamp(20px, 5vw, 64px);
  --maxw: 1200px;
  --radius: 4px;

  /* Semantic surfaces (modern multi-page layout) */
  --surface:      var(--paper);
  --surface-alt:  var(--parchment);
  --surface-tint: var(--bone);
  --surface-dark: var(--athena);   /* deep navy-charcoal band (Athena's own tone) */
  --on-dark:      #EFE9DE;          /* bone text on the dark band */
  --on-dark-soft: #b9b3a6;          /* muted text on dark */
}