/* ==========================================================================
   TasteWorthy — Color tokens
   Source: Brand Guidelines 2025-08-25, p.13–14 & Award p.45
   ========================================================================== */
:root {
  /* ---- Primary palette (5 huvudfärger + 1 digital special) -------------- */
  --tw-yellow:         #EBFB72; /* TasteWorthy Gul — the signature color    */
  --tw-yellow-digital: #DAE67C; /* Mörkgul — digital channels ONLY          */
  --tw-green:          #899454; /* Grön — earthy secondary                  */
  --tw-black:          #242E22; /* Svart — green-tinted near-black (text/bg)*/
  --tw-white:          #FFFFFF; /* Vit                                      */
  --tw-orange:         #F5632C; /* Orange — high-energy accent              */

  /* ---- Award-only -------------------------------------------------------- */
  --tw-gold:           #C9A24B; /* Guld — no hex in guide; ⚠ approximated   */
  --tw-true-black:     #000000; /* Helsvart — text on the Award seal only   */

  /* ---- Report chart palette (kompletteringsfärger, p.14) ----------------
     Use ONLY in report charts/diagrams. Ordered as printed.               */
  --chart-1:  #A0DE8D;
  --chart-2:  #64B996;
  --chart-3:  #409392;
  --chart-4:  #356C7C;
  --chart-5:  #4C5971;
  --chart-6:  #676A88;
  --chart-7:  #897B9D;
  --chart-8:  #AD8CAD;
  --chart-9:  #9C7C9A;
  --chart-10: #7A6278;

  /* ---- Neutral ramp (derived from brand black, green-tinted) ------------ */
  --tw-black-90: #2E382B;
  --tw-black-70: #4A5446;
  --tw-black-50: #6E7669;
  --tw-black-30: #A2A89B;
  --tw-black-15: #D2D6CC;
  --tw-black-08: #E7E9E2;
  --tw-black-04: #F3F4EF;

  /* ---- Semantic aliases -------------------------------------------------- */
  --surface-base:      var(--tw-white);
  --surface-subtle:    var(--tw-black-04);
  --surface-sunken:    var(--tw-black-08);
  --surface-inverse:   var(--tw-black);
  --surface-brand:     var(--tw-yellow);
  --surface-brand-alt: var(--tw-yellow-digital);

  --text-primary:      var(--tw-black);
  --text-secondary:    var(--tw-black-70);
  --text-muted:        var(--tw-black-50);
  --text-on-brand:     var(--tw-black);   /* black text on yellow           */
  --text-on-inverse:   var(--tw-white);
  --text-link:         var(--tw-green);

  --accent:            var(--tw-orange);
  --border-default:    var(--tw-black-15);
  --border-strong:     var(--tw-black);

  /* ---- Status (derived to sit inside the palette) ------------------------ */
  --status-success:    var(--tw-green);
  --status-warning:    var(--tw-orange);
  --status-info:       var(--chart-4);
  --focus-ring:        var(--tw-orange);
}