/* Zippidobi — Colour Tokens
   All colours live here. Always reference tokens — never hardcode hex.
   Source: §2 Colour Palette in Zippidobi_Design_System.docx */

:root {
  /* ── Primary ─────────────────────────────────── */
  --purple:       #4E2A8E;   /* hero bg, nav, primary buttons, active states  */
  --purple-deep:  #46278A;   /* impact section background                     */
  --purple-700:   #3A1F70;   /* hover state for --purple buttons               */
  --purple-300:   #7B4FC7;   /* 4th logo ring, secondary accents               */
  --orange:       #F47114;   /* hero CTA, eyebrow, "most popular" badge, stats */
  --orange-light: #FA8C37;   /* nav brand tag, hero feature icons, location    */
  --green:        #1FA463;   /* eyebrow labels, trust icons, success, logo ring*/

  /* ── Neutral & Surface ───────────────────────── */
  --cream:   #F8F7F5;   /* page background                               */
  --cream-2: #F3F1EC;   /* ghost button hover, nav CTA hover             */
  --ink:     #1E1B2E;   /* primary body text, headings                   */
  --navy:    #16102C;   /* footer background                             */
  --muted:   #6B6776;   /* secondary body text                           */
  --muted-2: #8A8694;   /* tertiary text, meta labels                    */
  --line:    #EAE7F1;   /* borders, card dividers                        */
  --line-2:  #E4E0EC;   /* ghost button borders, form field borders      */
  --white:   #FFFFFF;   /* card backgrounds, reversed text on dark fills */

  /* ── Tints ───────────────────────────────────── */
  --lav-1:       #C8AEE5;   /* hover border on pricing cards             */
  --lav-2:       #DACDEC;   /* lighter lavender accent                   */
  --lav-soft:    #EFE8F8;   /* icon bg, selected plan bg, pill bg        */
  --orange-soft: #FDEBDD;   /* tag bg on orange-themed cards             */
  --green-soft:  #E2F3EA;   /* green tint surfaces                       */
}