/* ---- Editorial Clean Theme (STEM Crate Workshop) ---- */
:root {
  --page-bg: #FAFAF8;
  --page-bg-gradient: linear-gradient(170deg, #FAFAF8 0%, #F5F5F0 50%, #F0F0E8 100%);
  --pattern-image: none;
  --pattern-opacity: 0;

  --orb1-bg: radial-gradient(circle, rgba(99,102,241,.08) 0%, transparent 70%);
  --orb1-top: -60px; --orb1-right: 40px; --orb1-size: 280px;
  --orb2-bg: none;

  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'Plus Jakarta Sans', sans-serif;

  --text-primary: #1A1A2E;
  --text-heading: #1A1A2E;
  --text-secondary: #555;
  --text-muted: #8A8A9A;
  --text-secondary-dark: #3A3A4E;

  --accent-1: #6366F1;
  --accent-1-dark: #4F46E5;
  --accent-2: #EC4899;
  --accent-2-dark: #DB2777;
  --accent-3: #10B981;
  --accent-3-dark: #059669;
  --accent-4: #F59E0B;
  --accent-4-dark: #D97706;

  --card-bg: #fff;
  --card-border: 1.5px solid #EBEBEA;
  --card-border-color: #EBEBEA;
  --card-radius: 12px;
  --card-shadow: 0 2px 12px rgba(0,0,0,.04);
  --card-accent-dir: 180deg;

  --card-dark-bg: #1A1A2E;
  --card-dark-text: #fff;
  --card-dark-title: #A5B4FC;
  --card-dark-body: #9CA3AF;

  --highlight-bg: linear-gradient(135deg, rgba(99,102,241,.06), rgba(236,72,153,.06));
  --highlight-border-color: rgba(99,102,241,.2);
  --highlight-border-width: 1.5px;

  --badge-bg: rgba(99,102,241,.06);
  --badge-border-color: rgba(99,102,241,.2);
  --badge-border-width: 1.5px;
  --badge-text: #6366F1;

  --dot-radius: 50%;

  --bullet-color: #6366F1;
  --bullet-radius: 50%;
  --bullet-opacity: 0.6;

  --step-radius: 50%;
  --step-1-color: #6366F1;
  --step-2-color: #EC4899;
  --step-3-color: #10B981;
  --step-4-color: #F59E0B;
  --step-5-color: #06B6D4;
  --step-6-color: #8B5CF6;

  --tag-bg-1: rgba(99,102,241,.08); --tag-color-1: #6366F1;
  --tag-bg-2: rgba(236,72,153,.08); --tag-color-2: #DB2777;
  --tag-bg-3: rgba(16,185,129,.08); --tag-color-3: #059669;
  --tag-bg-4: rgba(245,158,11,.08); --tag-color-4: #D97706;

  --chip-bg: #F3F3F0;
  --chip-color: #4A4A5A;
  --chip-border: #E0E0DC;

  --glow-bg-1: rgba(99,102,241,.06);
  --glow-bg-2: rgba(236,72,153,.06);
  --glow-border: rgba(99,102,241,.15);

  --cta-border: #EBEBEA;
  --btn-bg: linear-gradient(135deg, #6366F1, #EC4899);
  --btn-text: #fff;
  --btn-font-size: 15px;
  --btn-radius: 8px;
  --btn-shadow: 0 4px 14px rgba(99,102,241,.25);

  --title-size: 44px;
  --title-weight: 800;
  --title-letter-spacing: -1px;
  --tagline-size: 13px;
  --tagline-weight: 400;
  --card-title-size: 13px;
  --card-title-transform: uppercase;
  --card-title-spacing: 0.5px;
  --brand-weight: 500;

  --title-subtitle-size: 22px;
  --title-subtitle-weight: 300;
  --title-subtitle-color: #0F3460;
  --title-subtitle-spacing: 0.5px;

  /* Price box */
  --price-box-bg: linear-gradient(135deg, #1A1A2E, #0F3460);

  /* Left stripe */
  --left-stripe-bg: linear-gradient(180deg, #E94560, #0F3460, #E94560);

  /* Checkerboard pattern (matches original) */
  --pattern-image: linear-gradient(45deg, #1a1a2e 25%, transparent 25%, transparent 75%, #1a1a2e 75%), linear-gradient(45deg, #1a1a2e 25%, transparent 25%, transparent 75%, #1a1a2e 75%);
  --pattern-size: 4px 4px;
  --pattern-opacity: 0.025;

  /* Step 7 & 8 colors */
  --step-7-color: #D97706;
  --step-8-color: #E94560;
}

/* JetBrains Mono for brand/mono elements */
.flyer-brand { font-family: 'JetBrains Mono', monospace; }
.timeline-num { font-family: 'JetBrains Mono', monospace; font-size: 10px; border-radius: 4px; min-width: 22px; height: 22px; background: #1A1A2E; }
.timeline-num.n1, .timeline-num.n2, .timeline-num.n3, .timeline-num.n4,
.timeline-num.n5, .timeline-num.n6, .timeline-num.n7, .timeline-num.n8 { background: #1A1A2E; }
.price-box-label { color: #E94560; font-family: 'JetBrains Mono', monospace; }

/* Bullet marker: square red dot */
.card li::before { border-radius: 1px; background: #E94560; opacity: 0.5; width: 6px; height: 6px; top: 5px; }

/* Card title override: dark text */
.card-title { color: #1A1A2E; }