/* ---------- Color ----------
   Off-white paper holds ~74% of any screen. Cobalt marks anything
   clickable and nothing else. Pen Ink does all text, outlines and shadows.
   Lemon / mint / blush are illustration-layer only, ~8% combined.
   No pure black, no gray, no gradients.
--------------------------------------------------------------------- */
:root{
  /* Paper family · ~74% of any screen */
  --nm-paper:      #F7F5F0;  /* Paper  · page background */
  --nm-paper-2:    #EDEAE2;  /* Linen  · section bands, quote card */
  --nm-paper-edge: #DFDBD1;  /* Fold   · 1px hairlines only */
  --nm-sheet:      #FFFFFF;  /* Sheet  · card surfaces only */

  /* Ink · text, outlines, shadows, hand-drawn marks */
  --nm-ink:        #14163A;  /* Pen Ink  · 13.6:1 on Paper */
  --nm-ink-soft:   #565A80;  /* Ink Soft · 5.6:1 on Paper · 14px floor */

  /* Blue · anything clickable */
  --nm-blue:       #2E55D4;  /* Cobalt · 6.1:1 on white */
  --nm-blue-press: #2444AE;  /* hover / active surfaces, not text */
  --nm-blue-wash:  #E2E7FA;  /* Rinse · selected states, callouts */

  /* Accents · illustration layer, ~8% max. ALWAYS carry ink text —
     never white on lemon / mint / blush. */
  --nm-lemon:      #F5C13B;  /* offers, savings, stars */
  --nm-mint:       #7FD8C4;  /* confirmations, "included" ticks */
  --nm-blush:      #FF8C7A;  /* cheeks, gentle warnings. ~2% max */

  /* Illustration-only fur/skin tone used by Biscuit and Marco */
  --nm-biscuit:    #EDD3BE;

  /* ---------- Semantic aliases ---------- */
  --nm-bg:            var(--nm-paper);
  --nm-bg-band:       var(--nm-paper-2);
  --nm-surface-card:  var(--nm-sheet);
  --nm-surface-quote: var(--nm-paper-2);
  --nm-surface-invert:var(--nm-ink);
  --nm-hairline:      var(--nm-paper-edge);
  --nm-text-body:     var(--nm-ink);
  --nm-text-muted:    var(--nm-ink-soft);
  --nm-text-invert:   var(--nm-paper);
  --nm-text-link:     var(--nm-blue);
  --nm-outline:       var(--nm-ink);
  --nm-focus:         var(--nm-blue);
  --nm-accent-offer:  var(--nm-lemon);
  --nm-accent-ok:     var(--nm-mint);
  --nm-accent-warn:   var(--nm-blush);
  --nm-selected:      var(--nm-blue-wash);
}
