/* ─── GRAVELNDAR Color Tokens ─────────────────────────────────────────────── */

:root {

  /* ── Base palette ── */
  --color-ink:        #120806;   /* near-black, warm brown undertone — logo color */
  --color-forest:     #1C3A28;   /* deep forest green — dark section bg */
  --color-lime:       #A8D318;   /* electric lime / yellow-green — primary accent */
  --color-coral:      #E05A30;   /* orange-coral — CTA / alert */
  --color-amber:      #E8783A;   /* warm amber — secondary accent / border highlight */
  --color-cream:      #F5EFE0;   /* warm off-white — light section bg */
  --color-white:      #FFFFFF;

  /* ── Extended palette ── */
  --color-forest-dark:  #122418; /* deeper forest, hover state */
  --color-forest-mid:   #274D35; /* mid-tone forest green */
  --color-lime-light:   #C6E84A; /* lighter lime for text on dark */
  --color-lime-dark:    #7EA50E; /* darker lime for text on light */
  --color-coral-dark:   #C04820; /* darker coral / hover */
  --color-amber-light:  #F0A060; /* lighter amber */
  --color-cream-dark:   #EAE0CC; /* slightly darker cream / borders */
  --color-ink-soft:     #2E1810; /* softer near-black for body text */

  /* ── Semantic aliases ── */
  --color-bg:           var(--color-cream);
  --color-bg-dark:      var(--color-forest);
  --color-bg-black:     var(--color-ink);
  --color-text:         var(--color-ink);
  --color-text-on-dark: var(--color-cream);
  --color-text-muted:   #6B5A4E;
  --color-accent:       var(--color-lime);
  --color-cta:          var(--color-coral);
  --color-border:       var(--color-cream-dark);
  --color-border-dark:  rgba(255,255,255,0.15);

  /* ── Star sparkle colors (decorative) ── */
  --color-spark-lime:   var(--color-lime);
  --color-spark-coral:  var(--color-coral);
  --color-spark-pink:   #E87890;
}