/* JAHODA—1 v4 — dizajnové tokeny (kro jazyk → jahodová paleta, 2026-07-24) */
/* Referencia: /jahoda/ref/Kro.css. Zlato → jahodová červeň, tmavý základ →   */
/* svetlé teplé hero s postupným stmavnutím (riadi src/ui.js cez #bg-fade).   */

:root {
  /* ── Pozadia — cesta svetlo → noc (stopy pre ui.js bg lerp) ── */
  --v-bg-light: #eeddca;   /* hero — teplá kremovo-ružová (kro béžový stôl) */
  --v-bg-dusk:  #37191b;   /* prechod — tmavnúca slivka */
  --v-bg-dark:  #170a0c;   /* tmavé sekcie */
  --v-bg-noir:  #0b0608;   /* stred — model solo na čiernej */
  --v-bg-end:   #150c0e;   /* záver */

  /* ── Text ── */
  --v-cream:       #f6eee2;   /* nadpisy (kro kcream) */
  --v-cream-body:  #d9cbbc;   /* body text na tmavom — zdvihnutý kontrast */
  --v-cream-faint: #a09280;   /* mono poznámky na tmavom */
  --v-ink:         #52322a;   /* drobný text na svetlom hero */
  --v-ink-soft:    #7a5a4c;   /* sekundárny text na svetlom */

  /* ── Akcent — jahodová (ekvivalent kro gold #d9a441) ── */
  --v-red:        #d94436;   /* akcent na tmavom — mono tagy, metriky */
  --v-red-deep:   #b02a28;   /* akcent na svetlom hero */
  --v-red-bright: #ef6a50;   /* hover, zvýraznenia */

  /* ── Hranice / karty (kro #2c251d → červenkastý ekvivalent) ── */
  --v-line:      #33241f;
  --v-card-bg:   rgba(22, 13, 12, 0.55);
  --v-card-line: #33241f;

  /* ── Typografia — bez externých fontov ── */
  --v-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --v-mono: 'SF Mono', Menlo, Consolas, 'Courier New', monospace;

  /* ── Z-vrstvy ── */
  --z-bg: 0; --z-canvas: 1; --z-content: 2; --z-marquee: 3;
  --z-nav: 50; --z-pill: 55; --z-progress: 60; --z-loader: 100;
}