/*
  SEED: 556432

  A — Layout:      digit 2 → Horizontal scroll hero (first section scrolls
                    horizontally on wheel/touch; every section after it is
                    a normal vertical flow)
  B — Color:       digit 3 → Pure white base, single ink-black primary,
                    zero other colors except one ultra-saturated accent
  C — Typography:  digit 4 → Display: Cormorant Garamond (high-contrast
                    serif) + Body: IBM Plex Sans
  D — Visual lang: digit 6 → Dot grid pattern (radial-gradient) as surface
                    texture
  E — Navigation:  digit 5 → Split header — logo centered, links split
                    left and right
  F — Tone:        digit 5 → Energetic challenger — short, punchy
                    fragments, active verbs, urgency

  These choices were determined by the seed and must not be changed for
  reasons of "appropriateness" or "better fit for the content." Tension
  between content and form is intentional. The one deliberate creative
  decision layered on top of the seed: the black/white/red system and the
  dot-grid + giant-numeral texture are unified under an "evidence room /
  redacted dossier" concept — the wrapper publication is being rebuilt as
  an investigative outlet called REVEAL, which gives the seed's harsh
  black-white-red palette and confrontational type a reason to exist
  beyond the die roll.

  ---

  BRAND ARCHETYPE:    Challenger — bold, direct, confrontational energy
  LAYOUT PARADIGM:    Horizontal-scroll hero + single-column vertical
                       dossier below, chaptered with giant background
                       numerals
  SECTION ORDER:      Hero → The Call → Root Cause → The Method →
                       Under Fire → The Device → The Numbers → Cost Of
                       Waiting → The Offer → The Guarantee → What Happens
                       Next → Reader Notes → Sign-off → Legal → Footer
  DISPLAY FONT:       Cormorant Garamond — fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&display=swap
  BODY FONT:          IBM Plex Sans — fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap
  PRIMARY COLOR:      #0A0A0A — ink black, the "case file" base; reads as
                       authority and refusal to soften the claim
  SHAPE LANGUAGE:     Sharp / rectangular — ruled hairlines, hard-edged
                       redaction bars, no border-radius anywhere
  SIGNATURE MOMENT:   The hero is a horizontally-scrolling case file (three
                       panels: masthead stamp → the claim → the evidence
                       photo) before the page drops into a normal vertical
                       read — plus a recurring "redaction bar" motif that
                       turns the accent red into the site's punctuation
  TONE OF VOICE:       Urgent, punchy, confrontational
*/

:root {
  /* ---- Color: Table B — pure white base, ink-black primary, one accent ---- */
  --brand-primary: #0a0a0a;      /* ink black — dominant brand color */
  --brand-secondary: #ffffff;    /* stark white — the "unexpected complement" is the total absence of a second hue */
  --brand-accent: #ff2d1f;       /* signal red — the single ultra-saturated accent, used like a redaction stamp */
  --brand-accent-dim: #c9190e;   /* pressed/hover state of accent, same hue only */

  --surface-base: #ffffff;
  --surface-raised: #f4f3f0;
  --surface-inverse: #0a0a0a;
  --surface-inverse-raised: #171717;

  --text-primary: #0a0a0a;
  --text-secondary: #59564f;
  --text-inverse: #ffffff;
  --text-inverse-secondary: #b7b4ac;

  --border-subtle: #dedcd5;
  --border-strong: #0a0a0a;

  /* ---- Typography: Table C ---- */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --font-body: 'IBM Plex Sans', -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --text-hero: clamp(3.5rem, 10vw, 9rem);
  --text-h1: clamp(2.5rem, 6vw, 5rem);
  --text-h2: clamp(1.75rem, 4vw, 3rem);
  --text-h3: clamp(1.25rem, 2.5vw, 1.75rem);
  --text-body: clamp(1rem, 1.5vw, 1.125rem);
  --text-sm: clamp(0.75rem, 1vw, 0.875rem);

  --lh-tight: 1.02;
  --lh-display: 1.08;
  --lh-body: 1.6;

  --weight-body: 400;
  --weight-body-strong: 600;
  --weight-display: 700;
  --weight-display-black: 700;

  /* ---- Spacing scale ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4.5rem;
  --space-12: 6rem;
  --space-16: 9rem;

  --content-max: 1360px;
  --column-narrow: 640px;
  --column-read: 720px;

  /* ---- Table D — dot grid texture ---- */
  --dot-grid-light: radial-gradient(circle, rgba(10, 10, 10, 0.14) 1.4px, transparent 1.4px);
  --dot-grid-dark: radial-gradient(circle, rgba(255, 255, 255, 0.16) 1.4px, transparent 1.4px);
  --dot-grid-size: 22px 22px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-med: 320ms;
  --dur-slow: 640ms;

  --z-nav: 100;
  --z-sticky-cta: 90;
  --z-overlay: 200;
}