/* LxCortex — colour system
   A warm "groovy-Lisbon" core (tile, ochre, cacao) plus a few cool breathers
   (lilac, sea). Muted throughout — that's what keeps it premium, not childish. */
:root {
  /* ---- base palette ---- */
  --color-cream:   #F2E9D7; /* base · paper */
  --color-paper:   #F7F1E4; /* raised paper · cards */
  --color-ink:     #231711; /* espresso ink · text · logo · lines */
  --color-clay:    #BE5230; /* primary · First Light · coffee */
  --color-amber:   #D8962E; /* Lion's Mane · badges */
  --color-olive:   #7E8A4B; /* organic · footer */
  --color-lilac:   #9A8AA8; /* calm · evening */
  --color-sea:     #A7C4C2; /* breather · reviews */
  --color-blush:   #E5A0A8; /* accent · stars */
  --color-cacao:   #3A2014; /* Last Light · deep */

  /* ---- tints / lines derived from ink ---- */
  --line:          rgba(35, 23, 17, .16);
  --line-strong:   rgba(35, 23, 17, .42);
  --ink-08:        rgba(35, 23, 17, .08);
  --ink-55:        rgba(35, 23, 17, .55);
  --cream-12:      rgba(242, 233, 215, .12);
  --cream-85:      rgba(242, 233, 215, .85);

  /* ---- semantic surfaces ---- */
  --surface-base:    var(--color-cream);
  --surface-card:    var(--color-paper);
  --surface-sunk:    var(--ink-08);
  --surface-clay:    var(--color-clay);
  --surface-amber:   var(--color-amber);
  --surface-olive:   var(--color-olive);
  --surface-lilac:   var(--color-lilac);
  --surface-sea:     var(--color-sea);
  --surface-cacao:   var(--color-cacao);

  /* ---- semantic text ---- */
  --text-primary:    var(--color-ink);
  --text-muted:      var(--ink-55);
  --text-accent:     var(--color-clay);
  --text-on-dark:    var(--color-cream);

  /* ---- borders ---- */
  --border-hairline: var(--line);
  --border-bold:     var(--color-ink);

  /* ---- product colours (shelf recognition) ---- */
  --product-lions-mane: var(--color-amber);
  --product-first-light: var(--color-clay);
  --product-last-light:  var(--color-cacao);

  /* ---- interaction ---- */
  --focus-ring: var(--color-clay);
}