/**
 * DESIGN TOKENS — single source of truth.
 *
 * Direction: a chartered consultancy's ledger, not a tech startup.
 * Warm paper, near-black ink, one restrained oxblood accent used for
 * interactive elements, index numbers and small labels. No gradients,
 * no rounded-pill buttons, no dark hero. Built for a buyer who has seen
 * enough AI decks.
 *
 * To re-skin the whole site: edit this file only.
 */
:root {
  /* ---- Colour: "ledger" palette -------------------------------------- */
  --paper:        #EFECE8;   /* page background: warm neutral grey, not cream */
  --paper-raised: #F8F6F3;   /* cards, raised panels */
  --ink:          #1E1513;   /* primary text: near-black, warm-dark */
  --ink-soft:     #55453F;   /* secondary text */
  --ink-faint:    #8B7B74;   /* tertiary / meta text */
  --line:         #D9D0C9;   /* hairline rules, borders */
  --line-strong:  #B8A99F;

  --accent:       #7A1220;   /* dark red / oxblood — primary interactive colour */
  --accent-ink:   #F8F6F3;   /* text on accent */
  --accent-tint:  #F1E3E1;   /* accent-tinted background */

  --stamp:        #9A6B2E;   /* ledger-stamp ochre: eyebrows, index numerals only */

  --focus-ring:   #7A1220;

  /* ---- Type ------------------------------------------------------------
     Display + body + utility all from the same technical family (IBM
     Plex), differentiated by role — deliberate, not three unrelated
     fonts stacked for effect. Serif carries the "ledger/institutional"
     read; sans keeps body text working at length; mono marks data,
     eyebrows and the index numerals.                                    */
  --font-display: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --font-body:    'IBM Plex Sans', -apple-system, Segoe UI, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  --size-900: clamp(2.6rem, 2rem + 2.6vw, 4.4rem);
  --size-700: clamp(1.7rem, 1.4rem + 1.2vw, 2.4rem);
  --size-500: clamp(1.15rem, 1.05rem + 0.4vw, 1.35rem);
  --size-300: 1rem;
  --size-200: 0.875rem;
  --size-100: 0.75rem;

  /* ---- Space / rhythm --------------------------------------------------*/
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 2.75rem;
  --space-5: 4.5rem;
  --space-6: 7rem;

  --content-max: 72rem;
  --measure: 38rem; /* prose line-length cap */

  --radius: 2px;     /* near-zero: ledger/paper, not app-UI rounding */
  --border: 1px solid var(--line);

  --duration: 160ms;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  /* Deliberately not implemented: a consultancy site defaulting to a
     dark theme reads as "developer portfolio," not "advisory firm."
     Leave light-only unless the client asks for a dark mode toggle. */
}