/* ===== LYRA Chocolate — design tokeny (skopírované 1:1 z design.md) ===== */
/* POZN.: OTF fonty LyraSans-*.otf nie sú dodané — vložte ich do /static/fonts/
   a appka ich automaticky použije. Dovtedy padá fallback na Arial.
   "LYRA Script" je dočasne nahradený Google fontom Yellowtail (len display akcent). */

/* ===== Fonts ===== */
@font-face { font-family:"LYRA Sans"; src:url("/static/fonts/LyraSans-Thin.otf")    format("opentype"); font-weight:100; font-display:swap; }
@font-face { font-family:"LYRA Sans"; src:url("/static/fonts/LyraSans-Light.otf")   format("opentype"); font-weight:300; font-display:swap; }
@font-face { font-family:"LYRA Sans"; src:url("/static/fonts/LyraSans-Regular.otf") format("opentype"); font-weight:400; font-display:swap; }
@font-face { font-family:"LYRA Sans"; src:url("/static/fonts/LyraSans-Medium.otf")  format("opentype"); font-weight:500; font-display:swap; }
@font-face { font-family:"LYRA Sans"; src:url("/static/fonts/LyraSans-Bold.otf")    format("opentype"); font-weight:700; font-display:swap; }
@font-face { font-family:"LYRA Sans"; src:url("/static/fonts/LyraSans-Heavy.otf")   format("opentype"); font-weight:800; font-display:swap; }
@font-face { font-family:"LYRA Sans"; src:url("/static/fonts/LyraSans-Black.otf")   format("opentype"); font-weight:900; font-display:swap; }
/* SUBSTITÚT za "LYRA Script" — vymeňte, keď dostanete reálny font.
   (CDN; vo firemnej sieti bez internetu sa proste použije fallback.) */
@import url("https://fonts.googleapis.com/css2?family=Yellowtail&display=swap");

:root {
  /* --- Primárna paleta --- */
  --lyra-brown:#592e21; --lyra-cocoa:#3e2012; --lyra-gold:#d9bc7c; --lyra-white:#ffffff;

  /* --- Earthy / hĺbkové --- */
  --lyra-wine:#551516; --lyra-forest:#3f4d3b; --lyra-taupe:#9f8475; --lyra-sand:#d6b89a;

  /* --- Brights ("rôzne čokolády") — používaj hravo --- */
  --lyra-sky:#26a9e0; --lyra-powder:#c1e1f4; --lyra-orange:#db9155; --lyra-coral:#ec695f;
  --lyra-rose:#e599a5; --lyra-pink:#e7bdc4; --lyra-amber:#f8bf41; --lyra-yellow:#feda79;
  --lyra-butter:#feeebb; --lyra-citron:#e5df68; --lyra-sage:#bdd9a3; --lyra-lilac:#ae8bbb;
  --lyra-mint:#c3e8e0;

  /* --- Neutrálny rad (UI) --- */
  --lyra-ink:#2a1810; --lyra-cream:#faf4ea; --lyra-parchment:#f3e9d8;
  --lyra-line:#e3d6c2; --lyra-muted:#8a6f5c;

  /* --- Sémantické aliasy (REFERENCUJ TIETO, nie raw farby) --- */
  --text-strong:var(--lyra-cocoa); --text-body:var(--lyra-ink); --text-muted:var(--lyra-muted);
  --text-on-dark:var(--lyra-cream); --text-on-brown:var(--lyra-gold); --text-link:var(--lyra-brown);
  --surface-page:var(--lyra-cream); --surface-card:var(--lyra-white); --surface-sunken:var(--lyra-parchment);
  --surface-dark:var(--lyra-cocoa); --surface-brand:var(--lyra-brown); --surface-gold:var(--lyra-gold);
  --border-subtle:var(--lyra-line); --border-strong:var(--lyra-brown);
  --action:var(--lyra-brown); --action-hover:#4a261b; --action-press:#3e2012;
  --action-contrast:var(--lyra-cream); --accent:var(--lyra-gold); --accent-hover:#ceae67;
  --focus-ring:#db9155;
  --status-success:var(--lyra-forest); --status-info:var(--lyra-sky);
  --status-warning:var(--lyra-amber); --status-danger:var(--lyra-wine);

  /* --- Typografia --- */
  --font-sans:"LYRA Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --font-script:"Yellowtail", "LYRA Sans", cursive; /* len display akcent */
  --fw-thin:100; --fw-light:300; --fw-regular:400; --fw-medium:500; --fw-bold:700; --fw-heavy:800; --fw-black:900;
  /* type scale 1.250 major-third, base 16px */
  --fs-xs:12px; --fs-sm:14px; --fs-base:16px; --fs-md:18px; --fs-lg:20px; --fs-xl:25px;
  --fs-2xl:31px; --fs-3xl:39px; --fs-4xl:49px; --fs-5xl:61px; --fs-6xl:76px;
  --lh-tight:1.05; --lh-snug:1.2; --lh-normal:1.5; --lh-relaxed:1.65;
  --ls-tight:-0.02em; --ls-normal:0; --ls-wide:0.04em; --ls-caps:0.12em;

  /* --- Spacing (4px grid) --- */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;
  --container-narrow:720px; --container-base:1080px; --container-wide:1320px;

  /* --- Radii (geometrické, NIE pill-soft — motív čokoládovej tabuľky) --- */
  --radius-0:0px; --radius-sm:4px; --radius-md:8px; --radius-lg:14px; --radius-xl:22px; --radius-pill:999px;
  --border-width:1px; --border-width-strong:2px;

  /* --- Shadows (teplé, na cocoa-alpha — NIKDY čistá čierna) --- */
  --shadow-xs:0 1px 2px rgba(62,32,18,.06);
  --shadow-sm:0 2px 6px rgba(62,32,18,.08);
  --shadow-md:0 8px 24px rgba(62,32,18,.10);
  --shadow-lg:0 18px 48px rgba(62,32,18,.14);
  --shadow-focus:0 0 0 3px rgba(219,145,85,.45);

  /* --- Motion --- */
  --ease-standard:cubic-bezier(.22,.61,.36,1);
  --ease-playful:cubic-bezier(.34,1.56,.64,1);
  --dur-fast:120ms; --dur-base:220ms; --dur-slow:400ms;
  --z-header:100; --z-overlay:500; --z-toast:700;
}