/* ==========================================================================
   GoWishy 2026 — design tokens
   Extracted from Figma file XCBDNenXggFYZ0rzGLH8Lh, frame 91:2 (1440 x 9410).
   Every value below appears in the comp; nothing here is invented.
   ========================================================================== */

:root {
  /* ---- brand ---- */
  --gw-violet:        #6D28D9;  /* primary: CTA fill, eyebrows, accents      */
  --gw-violet-200:    #DBC5FF;  /* pill borders                              */
  --gw-violet-50:     #F5F3FF;  /* "recommended" column wash                 */
  --gw-pink:          #CF0774;  /* arrow glyphs                              */
  --gw-pink-400:      #FD50AC;  /* gradient bar start                        */
  --gw-emerald:       #10B981;  /* comparison check marks                    */
  --gw-emerald-50:    #ECFDF5;

  /* ---- ink & neutrals ---- */
  --gw-black:         #000000;
  --gw-ink:           #2D2D2D;  /* hero headline line 1, hero body           */
  --gw-ink-900:       #121212;
  --gw-ink-800:       #111827;
  --gw-gray-700:      #4B5563;
  --gw-gray-600:      #666666;
  --gw-gray-500:      #64748B;
  --gw-gray-400:      #94A3B8;
  --gw-gray-350:      #9CA3AF;
  --gw-line:          #D9D9D9;  /* hairlines, dividers, button borders       */
  --gw-gray-200:      #E5E7EB;
  --gw-gray-100:      #F5F5F5;
  --gw-gray-50:       #F2F3F6;
  --gw-white:         #FFFFFF;
  --gw-footer-bg:     #0C0C0C;

  /* ---- gradients (Figma angle 0deg == CSS 90deg, left to right) ---- */
  --gw-grad-headline: linear-gradient(90deg, #000000 0%, #6D28D9 61.54%);
  --gw-grad-label:    linear-gradient(90deg, #000000 0%, #6D28D9 100%);
  --gw-grad-bar:      linear-gradient(90deg, #FD50AC 0%, #6D28D9 100%);

  /* ---- type families ---- */
  --gw-font-display: 'Cal Sans', 'Space Grotesk', system-ui, sans-serif;
  --gw-font-head:    'Space Grotesk', system-ui, sans-serif;
  --gw-font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* ---- type ramp (size / line-height exactly as measured in Figma) ---- */
  --gw-t-hero-1:      48px;  --gw-lh-hero-1:      48px;   /* Cal Sans        */
  --gw-t-hero-2:      64px;  --gw-lh-hero-2:      64px;   /* Cal Sans        */
  --gw-t-hero-body:   24px;  --gw-lh-hero-body: 33.6px;   /* Inter 1.40      */
  --gw-t-section:     36px;  --gw-lh-section:   50.4px;   /* Space Grotesk 700 1.40 */
  --gw-t-display-36:  36px;  --gw-lh-display-36:  36px;   /* Cal Sans 1.00   */
  --gw-t-eyebrow:     20px;  --gw-lh-eyebrow:   26.0px;   /* Cal Sans 1.30   */
  --gw-t-btn-lg:      24px;  --gw-lh-btn-lg:    31.2px;   /* Cal Sans 1.30   */
  --gw-t-btn-sm:      16px;  --gw-lh-btn-sm:    20.8px;   /* Cal Sans 1.30   */
  --gw-t-card-title:  20px;  --gw-lh-card-title:25.5px;   /* Space Grotesk 700 1.28 */
  --gw-t-card-sm:     18px;  --gw-lh-card-sm:   23.0px;   /* Space Grotesk 700 1.28 */
  --gw-t-nav:         16px;  --gw-lh-nav:       20.4px;   /* Space Grotesk 1.28 */
  --gw-t-pill:        20px;  --gw-lh-pill:      24.2px;   /* Inter 1.21      */
  --gw-t-body:        16px;  --gw-lh-body:      22.4px;   /* Inter 1.40      */
  --gw-t-body-sm:     14px;  --gw-lh-body-sm:   19.6px;   /* Inter 1.40      */
  --gw-t-meta:        12px;  --gw-lh-meta:      16.8px;   /* Inter 1.40      */
  --gw-t-watermark:  128px;  --gw-lh-watermark:128px;     /* Space Grotesk 700 */

  /* ---- layout ---- */
  --gw-frame:         1440px; /* design frame width                          */
  --gw-wide:          1270px; /* nav, comparison, wide headings (x=85)       */
  --gw-narrow:        1053px; /* hero, body copy, cards, FAQ (x=194)         */
  --gw-mid:           1161px; /* "how it works" / "team can handle" headings */
  --gw-gutter:          24px;
  --gw-gutter-mobile:   20px;

  /* ---- radii (as measured) ---- */
  --gw-r-card:   8px;
  --gw-r-pill:  40px;
  --gw-r-round: 99px;
  --gw-r-xs:     4px;

  /* ---- motion (defaults; per-section specs override) ---- */
  --gw-ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --gw-dur-fast: 180ms;
  --gw-dur:      320ms;
  --gw-dur-slow: 640ms;
}