/* ============================================================
   HALF NUTS CO — COLOR TOKENS
   Brand palette sampled directly from the logo + v8 packaging.
   Primary identity = burgundy + cream. Each flavour swaps the
   burgundy for its own colour; the cream always stays constant.
   ============================================================ */

:root {
  /* ---- Primary brand ---- */
  --hn-burgundy:        #610b38; /* core brandmark colour */
  --hn-burgundy-deep:   #470826; /* pressed / deep shade */
  --hn-burgundy-bright: #7d1448; /* hover / lifted shade */
  --hn-cream:           #fff1e2; /* the constant — canvas + reverse text */
  --hn-cream-soft:      #fbf3e7; /* faint card tint on cream */
  --hn-cream-deep:      #f3e5d2; /* deeper cream, dividers on cream */
  --hn-paper:           #ffffff;
  --hn-black:           #1a1014; /* Great Taste badge / true contrast */

  /* ---- Flavour colours (burgundy substitutes) ---- */
  --hn-peanut:          #ce6a0f; /* Peanut Butter — orange */
  --hn-peanut-deep:     #a8530a;
  --hn-choc:            #86462a; /* Choc Chip — brown */
  --hn-choc-deep:       #6b3621;
  --hn-cashew:          #bd1520; /* Cashew Shortbread — red */
  --hn-cashew-deep:     #97101a;

  /* ---- Functional neutrals (kept warm, never cold grey) ---- */
  --hn-muted:           #9a7e87; /* desaturated burgundy for secondary text on cream */
  --hn-hairline:        rgba(97, 11, 56, 0.14);
  --hn-hairline-strong: rgba(97, 11, 56, 0.30);
  --hn-overlay:         rgba(26, 16, 20, 0.55);

  /* ============================================================
     SEMANTIC ALIASES — default (burgundy) theme
     Flavour theme scopes below re-point --accent-* only.
     ============================================================ */
  --color-canvas:        var(--hn-cream);
  --color-surface:       var(--hn-paper);
  --color-surface-soft:  var(--hn-cream-soft);
  --color-surface-dark:  var(--hn-burgundy);

  --text-strong:         var(--hn-burgundy);
  --text-body:           var(--hn-burgundy);
  --text-muted:          var(--hn-muted);
  --text-on-dark:        var(--hn-cream);
  --text-on-accent:      var(--hn-cream);

  --accent:              var(--hn-burgundy);
  --accent-deep:         var(--hn-burgundy-deep);
  --accent-bright:       var(--hn-burgundy-bright);
  --on-accent:           var(--hn-cream);

  --border-hairline:     var(--hn-hairline);
  --border-strong:       var(--hn-hairline-strong);

  --focus-ring:          var(--hn-burgundy-bright);
}

/* ---- Flavour theme scopes ---- */
.theme-peanut {
  --accent:        var(--hn-peanut);
  --accent-deep:   var(--hn-peanut-deep);
  --accent-bright: #e07c1f;
  --color-surface-dark: var(--hn-peanut);
  --text-strong:   var(--hn-peanut);
  --text-body:     var(--hn-peanut);
  --focus-ring:    var(--hn-peanut-deep);
}
.theme-choc {
  --accent:        var(--hn-choc);
  --accent-deep:   var(--hn-choc-deep);
  --accent-bright: #9c5736;
  --color-surface-dark: var(--hn-choc);
  --text-strong:   var(--hn-choc);
  --text-body:     var(--hn-choc);
  --focus-ring:    var(--hn-choc-deep);
}
.theme-cashew {
  --accent:        var(--hn-cashew);
  --accent-deep:   var(--hn-cashew-deep);
  --accent-bright: #d62330;
  --color-surface-dark: var(--hn-cashew);
  --text-strong:   var(--hn-cashew);
  --text-body:     var(--hn-cashew);
  --focus-ring:    var(--hn-cashew-deep);
}