/* ============ COLORS ============
   dawn-ux is a warm cream "grid paper" world dusted with soft candy pastels,
   grounded by near-black ink for type, borders and marquees. One hot-pink
   accent (the heart cursor) is the only truly saturated hue. */
:root {
  /* --- Paper / neutrals --- */
  --cream-50:  #fffdf7;  /* card & panel surface (barely-there warm white) */
  --cream-100: #faf6eb;  /* page background */
  --cream-200: #f3eddd;  /* raised strip / subtle fill */
  --grid-line: #e9e2cf;  /* graph-paper ruling on the background */

  --ink:       #1a1613;  /* text, borders, marquee bars — "black" */
  --ink-soft:  #3c362f;  /* strong body / bold paragraph lead */
  --muted:     #655f56;  /* secondary text, captions, serif sub-heads — darkened from #8e8b84 for WCAG AA 4.5:1 (a11y fix) */
  --muted-2:   #b4afa4;  /* faint mono labels, placeholder — decorative use only, not for text */

  /* --- Candy pastels (fills) --- */
  --pink-bold: #f3a0bc;  /* the big pink "love notes" section band */
  --pink:      #f4a7c0;  /* PRIMARY — buttons, active pills */
  --pink-300:  #f7c1d6;  /* card header pink */
  --pink-100:  #fbdce7;  /* text highlight swatch, soft tint */
  --pink-hot:  #ff4d9d;  /* heart cursor + tiny floating hearts (accent only) */

  --blue:      #c0e3e9;  /* top banner, "print" card, date pills */
  --blue-100:  #ddf0f3;
  --mint:      #c9e0b4;  /* "mascots" card, "advanced" states */
  --mint-100:  #e6f1da;
  --yellow:    #fce9ad;  /* "social" card, "strong" states */
  --yellow-100:#fdf4d0;
  --lav:       #d9cdf0;  /* moodboard / gradient accents */
  --lav-100:   #ece5f8;

  /* ============ SEMANTIC ALIASES ============ */
  --bg:            var(--cream-100);
  --bg-grid:       var(--grid-line);
  --surface:       var(--cream-50);
  --surface-sunk:  var(--cream-200);

  --text:          var(--ink);
  --text-strong:   var(--ink-soft);
  --text-muted:    var(--muted);
  --text-faint:    var(--muted-2);

  --border:        var(--ink);          /* all outlines are thin dark ink */
  --border-soft:   rgba(26,22,19,.14);

  --accent:        var(--pink);
  --accent-on:     var(--ink);          /* text sits dark on pink */
  --accent-band:   var(--pink-bold);
  --highlight:     var(--pink-100);     /* marker-pen highlight behind words */

  /* per-category tints (cards, skill bars, timeline dots) */
  --cat-brand:   var(--pink-300);
  --cat-print:   var(--blue);
  --cat-mascot:  var(--mint);
  --cat-social:  var(--yellow);

  --link:        #a83564;               /* readable rose on cream — darkened from #d64f86 for WCAG AA 4.5:1 (a11y fix) */
  --link-hover:  #8e2a52;
}