/* KariWurst palette — verbatim from KARIWURST_Brand_Guide_v01.pdf, page 6 */
:root{
  /* Base ink + paper */
  --kw-off-black:#2e2e2e;
  --kw-off-white:#efece5;
  /* Signature */
  --kw-yellow:#e5ba61;
  /* Spice accents */
  --kw-brown:#c27651;
  --kw-green:#709477;
  --kw-blue:#6a97ab;
  --kw-purple:#867bba;
  --kw-red:#c95b5b;

  /* Tints + shades derived from the eight brand colours (oklch-harmonised) */
  --kw-off-black-80:oklch(from var(--kw-off-black) calc(l + 0.14) c h);
  --kw-off-black-60:oklch(from var(--kw-off-black) calc(l + 0.30) c h);
  --kw-off-white-shade:oklch(from var(--kw-off-white) calc(l - 0.05) c h);
  --kw-off-white-shade-2:oklch(from var(--kw-off-white) calc(l - 0.11) c h);
  --kw-yellow-deep:oklch(from var(--kw-yellow) calc(l - 0.10) c h);
  --kw-yellow-tint:oklch(from var(--kw-yellow) calc(l + 0.12) calc(c - 0.04) h);
  --kw-red-deep:oklch(from var(--kw-red) calc(l - 0.09) c h);
  --kw-green-deep:oklch(from var(--kw-green) calc(l - 0.09) c h);

  /* Semantic surfaces */
  --surface-page:var(--kw-off-white);
  --surface-card:#f6f4ef;
  --surface-sunken:var(--kw-off-white-shade);
  --surface-inverse:var(--kw-off-black);
  --surface-brand:var(--kw-yellow);
  --surface-overlay:color-mix(in srgb, var(--kw-off-black) 72%, transparent);

  /* Semantic text */
  --text-body:var(--kw-off-black);
  --text-muted:var(--kw-off-black-60);
  --text-on-inverse:var(--kw-off-white);
  --text-on-brand:var(--kw-off-black);
  --text-link:var(--kw-brown);
  --text-link-hover:var(--kw-off-black);

  /* Semantic lines */
  --border-hairline:color-mix(in srgb, var(--kw-off-black) 16%, transparent);
  --border-strong:var(--kw-off-black);
  --border-inverse:color-mix(in srgb, var(--kw-off-white) 26%, transparent);

  /* Status */
  --status-success:var(--kw-green);
  --status-info:var(--kw-blue);
  --status-warning:var(--kw-yellow);
  --status-danger:var(--kw-red);
  --status-neutral:var(--kw-off-black-60);

  /* Heat scale — used on sauce packaging and product cards */
  --heat-1:var(--kw-green);
  --heat-2:var(--kw-yellow);
  --heat-3:var(--kw-brown);
  --heat-4:var(--kw-red);
  --heat-5:var(--kw-red-deep);
}
