/* ============================================================
   Quote Busters — Brand Variables
   Sourced from Figma node 43-574 (v4 — 2026-05-12)
   ============================================================ */

:root {

  /* ---- Colors ---- */
  /* Primary = lime accent (italic words, CTAs, eyebrows) */
  --color-primary:    #cdf374;
  --color-primary-70: rgba(205, 243, 116, 0.7);
  --color-primary-50: rgba(205, 243, 116, 0.5);
  --color-primary-30: rgba(205, 243, 116, 0.3);

  /* Dark = deep forest green (section backgrounds, body text) */
  --color-dark:       #1c3a2c;
  --color-dark-70:    rgba(28, 58, 44, 0.7);
  --color-dark-50:    rgba(28, 58, 44, 0.5);
  --color-dark-30:    rgba(28, 58, 44, 0.3);
  --color-dark-10:    rgba(28, 58, 44, 0.1);

  /* Forest variations */
  --color-forest-mid: #2f472d;   /* mid forest — dark cards on dark sections */
  --color-forest-deep:#1c3a2c;   /* deepest — section bg */
  --color-leaf:       #466340;   /* slightly muted leaf */
  --color-sage:       #4c6942;   /* sage accent */

  /* Lime variations */
  --color-lime-bright:#cdf374;   /* primary lime */
  --color-lime-mid:   #b2ce70;
  --color-lime-soft:  #a0b968;

  /* Light = cream/off-white */
  --color-light:      #f7f7f7;
  --color-light-pure: #ffffff;
  --color-light-70:   rgba(247, 247, 247, 0.7);
  --color-light-50:   rgba(247, 247, 247, 0.5);
  --color-light-20:   rgba(247, 247, 247, 0.2);
  --color-light-10:   rgba(247, 247, 247, 0.1);

  --color-grey:       #efefef;
  --color-grey-mid:   #cdcdcd;
  --color-grey-text:  #737373;
  --color-card-bg:    #ececec;

  /* Status */
  --color-success:    #73d999;
  --color-error:      #f27373;

  /* ---- Typography ---- */
  --h--font-family:   'Inter', 'Open Sans', sans-serif;
  --sh--font-family:  'Inter', 'Open Sans', sans-serif;
  --p--font-family:   'Inter', 'Open Sans', sans-serif;

  /* ---- Letter Spacing ---- */
  --tracking-tight:   -0.02em;
  --tracking-normal:   0;
  --tracking-wide:     0.05em;
  --tracking-wider:    0.1em;
  --tracking-widest:   0.15em;
}