/* ============================================================
   Danni's Little Kitchen — Color tokens
   A warm, foody storybook palette. Cream paper, chocolate ink,
   a rose primary, sage greens and a spice-rack of accents.
   ============================================================ */

:root {
  /* ---- Core palette (the six brand colors) ---- */
  --rose:        #d65a6b;  /* primary — warm strawberry rose */
  --cocoa:       #834e39;  /* medium brown — secondary ink / cocoa */
  --chocolate:   #562e1c;  /* darkest brown — body ink */
  --sage:        #81b382;  /* fresh herb green */
  --cream:       #f6edea;  /* warm paper background */
  --blush:       #dcbfb7;  /* soft dusty-pink neutral */

  /* ---- Extended palette (the spice rack) ---- */
  --berry:       #95204c;  /* deep wine — rose pressed/hover */
  --plum:        #6c1061;  /* jammy purple accent */
  --dusty-rose:  #c68f8a;  /* muted rose */
  --sage-soft:   #ccd5bf;  /* pale sage tint */
  --sage-deep:   #8ea087;  /* muted olive sage */
  --peach:       #fdbb71;  /* soft peach */
  --pumpkin:     #d97e2f;  /* toasted orange */
  --butter:      #fbdb62;  /* butter yellow */
  --peach-cream: #f6decb;  /* pale peach tint */
  --sky:         #9bbce3;  /* soft cornflower blue */
  --taupe:       #cbbdba;  /* warm grey */

  /* ---- Neutral ladder (warm-tinted) ---- */
  --white:       #fffdfb;  /* warm white — cards */
  --paper-2:     #fbf4f1;  /* raised cream */
  --paper-3:     #f0e3de;  /* sunken cream / hairlines fill */
  --ink-100:     #562e1c;  /* darkest */
  --ink-80:      #6e4433;
  --ink-60:      #834e39;
  --ink-40:      #a9887a;
  --ink-20:      #cbbdba;

  /* ---- Semantic surfaces ---- */
  --surface-page:      var(--cream);
  --surface-card:      var(--white);
  --surface-raised:    var(--paper-2);
  --surface-sunken:    var(--paper-3);
  --surface-inverse:   var(--chocolate);

  /* ---- Semantic text ---- */
  --text-body:      var(--chocolate);
  --text-muted:     var(--ink-60);
  --text-subtle:    var(--ink-40);
  --text-on-color:  var(--white);
  --text-on-cream:  var(--chocolate);

  /* ---- Semantic brand / interactive ---- */
  --brand:          var(--rose);
  --brand-strong:   var(--berry);   /* hover / press for rose */
  --brand-soft:     var(--peach-cream);
  --link:           var(--berry);

  /* ---- Semantic accents (food categories, tags) ---- */
  --accent-green:   var(--sage);
  --accent-orange:  var(--pumpkin);
  --accent-yellow:  var(--butter);
  --accent-peach:   var(--peach);
  --accent-blue:    var(--sky);
  --accent-plum:    var(--plum);

  /* ---- Feedback ---- */
  --success:  var(--sage);
  --warning:  var(--pumpkin);
  --danger:   var(--berry);
  --info:     var(--sky);

  /* ---- Lines ---- */
  --border:         #e6d5cd;   /* soft warm hairline */
  --border-strong:  var(--blush);
  --border-ink:     var(--chocolate);
  --focus-ring:     var(--rose);
}