/* ============================================================
   jamespenz.com — DESIGN TOKENS  (crisp institutional)
   Paper white · near-black ink · one electric blue accent ·
   deep petrol-navy dark zones · high-contrast modern serif.
   Reference these everywhere — no hardcoded hex/px in components.
   ============================================================ */
:root {
  /* —— Color —— */
  --color-bg:         #FBFBF8;   /* paper white */
  --color-bg-alt:     #F2F2EC;   /* warm-neutral panel */
  --color-bg-invert:  #051C2C;   /* deep petrol navy — dark zones */
  --color-bg-invert2: #0A2537;   /* lifted navy for gradient top */
  --color-ink:        #0E1116;   /* near-black */
  --color-ink-soft:   #5A6169;   /* cool grey secondary text */
  --color-ink-invert: #F4F6F5;   /* text on navy */
  --color-ink-invert-soft: #9FB0BC;
  --color-accent:     #1B4DF5;   /* electric blue — links, rules, CTA */
  --color-accent-deep:#0F35C4;   /* hover/contrast */
  --color-accent-2:   #0E8CA8;   /* petrol cyan — secondary */
  --color-accent-bright: #7FA6FF; /* accessible accent on navy zones (AA) */
  --color-rule:       #E4E4DC;   /* hairline on paper */
  --color-rule-soft:  #ECECE5;
  --color-rule-invert:#173447;   /* hairline on navy */

  /* —— Type (Instrument Serif display · Archivo body · JetBrains Mono labels) —— */
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body:    'Archivo', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* —— Fluid type scale —— */
  --fs-hero:   clamp(3.6rem, 9.5vw, 9rem);
  --fs-h2:     clamp(2.1rem, 4.6vw, 4.2rem);
  --fs-h3:     clamp(1.35rem, 2vw, 1.9rem);
  --fs-body:   clamp(1.02rem, 1.05vw, 1.18rem);
  --fs-lede:   clamp(1.2rem, 1.6vw, 1.5rem);
  --fs-label:  0.74rem;

  /* —— Spacing & layout —— */
  --space-section: clamp(4.5rem, 11vh, 10rem);
  --gutter:        clamp(1.4rem, 5vw, 6rem);
  --maxw:          1320px;
  --maxw-prose:    64ch;
  --radius:        2px;
  --ease:          cubic-bezier(0.22, 1, 0.36, 1);
}

/* Facet accents — unified to one institutional blue system.
   (Single accent = the McKinsey-tier signature; cyan reserved for Track 2.) */
body.facet-engineering    { --color-accent: #1B4DF5; --color-accent-deep: #0F35C4; }
body.facet-acquire        { --color-accent: #1B4DF5; --color-accent-deep: #0F35C4; }
body.facet-value-creation { --color-accent: #1B4DF5; --color-accent-deep: #0F35C4; }
body.facet-clearforge     { --color-accent: #1B4DF5; --color-accent-deep: #0F35C4; }