/* ============================================================
   theme.css — Notna Spice / Fusion identity

   The public ordering system shares the same local type and colour
   language as the cinematic Notna homepage. Legacy variable names
   remain as compatibility aliases so commerce behaviour and markup do
   not need to change.
   ============================================================ */

/* Local fonts only: no third-party request on the ordering journey. */
@font-face {
  font-family: "Notna Sans";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("notna/fonts/dm-sans-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Notna Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("notna/fonts/italiana-latin.woff2") format("woff2");
}

:root {
  /* Canonical Notna palette, shared with notna-home.css. */
  --notna-paper: #f3efe6;
  --notna-paper-raised: #fffaf0;
  --notna-ink: #17140f;
  --notna-dark: #080604;
  --notna-red: #a33821;
  --notna-red-deep: #7d2818;
  --notna-gold: #e4a23a;
  --notna-gold-deep: #8c5b10;
  --notna-muted: #69625a;
  --notna-line: #d8cdbb;
  --notna-green: #426343;

  /* Compatibility aliases used throughout Bestellsw. */
  --kalk: var(--notna-paper);
  --teig: #e9e0d1;
  --linie: var(--notna-line);
  --kobalt: var(--notna-dark);
  --kobalt-tief: #030201;
  --kobalt-hell: #4b4136;
  --tinte: var(--notna-ink);
  --tinte-leise: var(--notna-muted);
  --kalk-leise: #c9bcaa;
  --tomate: var(--notna-red);
  --tomate-hell: #d67555;
  --tomate-tief: var(--notna-red-deep);
  --ocker: var(--notna-gold);
  --ocker-tief: var(--notna-gold-deep);
  --olive: var(--notna-green);
  --olive-hell: #8fb68f;

  /* Kitchen colours are intentionally operational, not rebranded. */
  --k-grund: #0e1620;
  --k-karte: #18232f;
  --k-linie: #2b3947;
  --k-text: #edf1f5;
  --k-neu: #e8705f;
  --k-arbeit: #d9a441;
  --k-fertig: #8cb77c;

  --f-display: "Notna Display", Georgia, "Times New Roman", serif;
  --f-text: "Notna Sans", ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --f-mono: "Notna Sans", ui-sans-serif, system-ui, "Segoe UI", sans-serif;

  --s-xs: 0.72rem;
  --s-s: 0.83rem;
  --s-m: 1rem;
  --s-l: 1.15rem;
  --s-xl: clamp(1.8rem, 1.25rem + 2vw, 2.8rem);
  --s-2xl: clamp(2.8rem, 1.5rem + 5vw, 5.8rem);
  --s-3xl: clamp(3.3rem, 1.2rem + 8vw, 7.2rem);

  --rand: clamp(1.1rem, 4vw, 3.5rem);
  --breite: min(76rem, 100%);
  --radius: 2px;
  --radius-gross: 16px;
  --tap: 44px;
  --pass-hoehe: 4.5rem;
  --notna-shadow: 0 20px 55px rgba(31, 21, 11, 0.12);
}