/* ============================================================================
   FLETCHER METHOD™ — LEAD MAGNET DESIGN TOKENS
   Everything a generated lead magnet is allowed to use. Do not invent values
   outside this file. (Subset of the Marketing Surface v2.0 system, tuned for
   the one-page lead-magnet artifact.)
   ============================================================================ */

:root {
  /* ── Action — the ONLY action/CTA color ── */
  --lm-green:        #00B67A;   /* CTA, step accents, positive stats */
  --lm-green-hover:  #009A68;
  --lm-green-deep:   #00875C;   /* small green labels on light */
  --lm-green-tint:   #E6F7F0;   /* icon tiles, "Say This" boxes, active roadmap step */

  /* ── Canvas & surfaces ── */
  --lm-canvas:       #ECEEF1;   /* the light-gray SaaS page background */
  --lm-canvas-alt:   #F9FAFB;   /* alternate neutral canvas */
  --lm-canvas-warm:  #EDEBE6;   /* alternate warm-neutral canvas */
  --lm-card:         #FFFFFF;   /* every card surface */
  --lm-card-tint:    #F5F6F8;   /* stat tiles, inactive roadmap tiles */
  --lm-ink:          #0A0A0B;   /* CTA footer, quote card, headings */

  /* ── Pain — pain language ONLY (never CTA, never decoration) ── */
  --lm-pain:         #DC2626;
  --lm-pain-tint:    #FDECEC;   /* struggle icon tiles / callouts */

  /* ── Gold — DARK BACKGROUNDS ONLY (e.g. inside the dark quote/CTA) ── */
  --lm-gold-grad:    linear-gradient(180deg,#F7E29A 0%,#E8C46C 35%,#C89A3C 70%,#8A661F 100%);
  --lm-gold-accent:  #3FD9A4;   /* NOTE: on dark, prefer bright-green accents for stats; reserve gold for flourishes */

  /* ── Text — on light ── */
  --lm-t1: #0A0A0B;   /* primary */
  --lm-t2: #3D3D40;   /* body */
  --lm-t3: #6B6B70;   /* muted */
  --lm-t4: #9A9AA0;   /* labels / faint */
  /* ── Text — on dark ── */
  --lm-d1: #FFFFFF;
  --lm-d2: rgba(255,255,255,0.66);
  --lm-d3: rgba(255,255,255,0.40);

  /* ── Fonts ── */
  --lm-font:  'Inter', -apple-system, BlinkMacSystemFont, sans-serif;  /* everything */
  --lm-mono:  'JetBrains Mono', 'SF Mono', Menlo, monospace;            /* small UPPERCASE labels only */
  --lm-lockup:'Bebas Neue', 'Inter', sans-serif;                        /* oversized single letters only */

  /* ── Type scale (1920×1080 canvas) ── */
  --lm-title:    44px;  /* Inter 900, letter-spacing -0.03em */
  --lm-subhead:  18px;  /* Inter 400 */
  --lm-cardhead: 23px;  /* Inter 900 */
  --lm-step:     19px;  /* Inter 900 */
  --lm-body:     14px;  /* Inter 400, line-height 1.5 */
  --lm-stat:     40px;  /* Inter 900, tabular-nums */
  --lm-eyebrow:  11px;  /* JetBrains Mono, letter-spacing 0.18–0.22em, uppercase */

  /* ── Shape, spacing, shadow ── */
  --lm-radius:    16px;   /* card corner */
  --lm-radius-sm: 10px;   /* tiles, script boxes */
  --lm-pill:      100px;  /* CTA button */
  --lm-gutter:    52px;   /* page horizontal padding */
  --lm-gap:       16px;   /* between cards */
  --lm-icon-tile: 44px;   /* colored icon tile */
  /* the signature "lifted sticker" card shadow */
  --lm-shadow: 0 1px 3px rgba(10,10,11,0.06),
               0 16px 30px -12px rgba(10,10,11,0.20),
               0 36px 56px -34px rgba(10,10,11,0.30);
  /* active roadmap tile glow */
  --lm-shadow-active: 0 5px 14px -4px rgba(0,182,122,0.45);
  /* dark CTA backlight */
  --lm-backlight: radial-gradient(ellipse 50% 130% at 20% 50%, rgba(201,169,97,0.11), transparent 60%),
                  radial-gradient(ellipse 55% 130% at 80% 40%, rgba(120,140,200,0.06), transparent 55%);
}

/* Canvas size: 1920 × 1080 (16:9). Card border: 1px solid rgba(10,10,11,0.05).
   Icons: inline monochrome SVG (1.5–2px stroke) inside colored tiles. Self-contained only —
   no external image URLs, no icon fonts. Emoji: no. */
