/* ============================================================
   Spicy Margarita — Color tokens
   Source palette: farbcodes_siri.benda.png
   A bold, editorial, cocktail-warm palette. Orange leads;
   dark plum is the ink; cream is the page; lime + blue + lilac
   are the accent trio.
   ============================================================ */

:root {
  /* ---- Base palette (raw brand colors) ---- */
  --sm-orange:  #fa4e24;   /* Spicy Orange — primary / signature */
  --sm-cream:   #fbf8f3;   /* Cream — default page background */
  --sm-blue:    #d0eaf0;   /* Powder Blue — soft accent */
  --sm-lime:    #e9f29c;   /* Chartreuse — highlight / energy */
  --sm-plum:    #2e0a16;   /* Aubergine — ink / dark surface */
  --sm-lilac:   #ead8f5;   /* Lilac — soft accent / decorative */
  --sm-white:   #ffffff;

  /* ---- Tints & shades (derived, harmonious) ---- */
  --sm-orange-deep: #e23c14;   /* pressed / hover on orange */
  --sm-orange-soft: #ffe3da;   /* orange wash */
  --sm-plum-70:     #5a3540;   /* muted ink */
  --sm-plum-45:     #8a6f78;   /* secondary text on light */
  --sm-lilac-deep:  #c9a9e0;   /* decorative squiggle stroke */
  --sm-lime-deep:   #d6e06a;   /* lime pressed */
  --sm-cream-200:   #f1ece1;   /* hairline / divider on cream */

  /* ---- Semantic: surfaces ---- */
  --surface-page:      var(--sm-cream);
  --surface-card:      var(--sm-white);
  --surface-dark:      var(--sm-plum);
  --surface-brand:     var(--sm-orange);
  --surface-accent-1:  var(--sm-lime);
  --surface-accent-2:  var(--sm-blue);
  --surface-accent-3:  var(--sm-lilac);

  /* ---- Semantic: text ---- */
  --text-body:      var(--sm-plum);
  --text-muted:     var(--sm-plum-45);
  --text-inverse:   var(--sm-cream);
  --text-brand:     var(--sm-orange);
  --text-on-brand:  var(--sm-white);
  --text-on-dark:   var(--sm-cream);

  /* ---- Semantic: lines & focus ---- */
  --border-ink:     var(--sm-plum);
  --border-hair:    var(--sm-cream-200);
  --focus-ring:     var(--sm-orange);

  /* ---- Highlighter (inline marker behind text) ---- */
  --highlight:      var(--sm-lime);
}