/* ===========================================================================
   Zero Capital Startup — DESIGN TOKENS
   This is the single source of truth for the site's look. Change a value here
   and it cascades everywhere. Nothing visual is hard-coded outside these vars
   (see site.css for how they're used).
   =========================================================================== */
:root {
  /* ---- Core palette (clean, warm, premium — deliberately not stark white) --- */
  --paper:      #f6f2ea;   /* page background — warm paper */
  --paper-2:    #efe8db;   /* alternating band */
  --surface:    #ffffff;   /* cards */
  --ink:        #16202e;   /* primary text / headings */
  --ink-2:      #35485a;   /* secondary text */
  --ink-3:      #647585;   /* muted text */
  --line:       #e7dfd0;   /* hairlines */
  --line-2:     #d9cdb6;   /* stronger hairlines */

  /* ---- Accents ---- */
  --accent:     #1f5c4b;   /* evergreen — primary action / trust */
  --accent-2:   #2a7c64;   /* hover */
  --accent-ink: #0e3a2f;   /* text on pale accent tint */
  --accent-tint:#e7f1ec;   /* pale accent fill */
  --brass:      #b3813f;   /* warm secondary — numbers, eyebrows */
  --brass-2:    #966a30;
  --brass-tint: #f3ead9;
  --on-accent:  #f3fbf7;   /* text on accent */

  /* ---- Dark surfaces (hero, footer, lesson rail) ---- */
  --dark:       #12202b;
  --dark-2:     #0d1922;
  --dark-line:  #274050;
  --dark-ink:   #e3ebf1;
  --dark-ink-2: #9db0be;

  /* ---- Typography ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:    'Archivo', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* ---- Shape & depth ---- */
  --radius:     14px;
  --radius-sm:  9px;
  --radius-lg:  22px;
  --shadow-sm:  0 1px 2px rgba(22,32,46,.05), 0 2px 6px rgba(22,32,46,.06);
  --shadow:     0 14px 34px -16px rgba(22,32,46,.24);
  --shadow-lg:  0 34px 64px -24px rgba(22,32,46,.30);

  /* ---- Layout ---- */
  --maxw:       1140px;
  --maxw-prose: 720px;
  --pad-x:      clamp(18px, 5vw, 40px);
  --section-y:  clamp(56px, 9vw, 108px);
}