/* ============================================================
   SUCCESS MYTHS REVEALED — BRAND TOKENS
   Custom profile (NOT borrowed from empire registry).
   Light-ground editorial/forensic: pure white ground,
   near-black ink, single oxblood accent.
   ============================================================ */

:root {
  --brand-name: "Success Myths Revealed";
  --color-primary: #0A0A0A;        /* ink — deep editorial black */
  --color-secondary: #1F2937;      /* gray-800 — secondary ink */
  --color-accent: #B91C1C;         /* oxblood — exposé / forensic red */
  --color-accent-deep: #7F1D1D;    /* deeper oxblood for hover / depth */
  --color-surface: #FFFFFF;        /* pure white — light ground */
  --color-surface-2: #F4F4F5;      /* zinc-100 — section banding */
  --color-surface-3: #E5E7EB;      /* gray-200 — borders / dividers */
  --color-text: #0A0A0A;
  --color-text-muted: #4B5563;     /* gray-600 */
  --color-muted: #6B7280;
  --color-rule: #D4D4D8;           /* zinc-300 — hairline rules */

  --font-display: "Fraunces", "Source Serif Pro", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;

  --space-section: 7rem;
  --space-component: 2rem;
  --space-element: 0.75rem;

  --radius-sm: 2px;
  --radius-md: 4px;

  --shadow-rule: 0 1px 0 0 rgba(10,10,10,0.06);
  --shadow-card: 0 2px 24px -8px rgba(10,10,10,0.10), 0 1px 0 0 rgba(10,10,10,0.04);
  --shadow-deep: 0 24px 60px -20px rgba(10,10,10,0.25);

  --glow: 0 0 40px rgba(185,28,28,0.10);

  --type-hero: clamp(3.5rem, 8vw, 7rem);
  --type-h1: clamp(2.5rem, 5vw, 4rem);
  --type-h2: clamp(1.75rem, 3vw, 2.5rem);
  --type-h3: 1.5rem;
  --type-body: 1.0625rem;
  --type-small: 0.875rem;
  --type-eyebrow: 0.75rem;
}