/* ============================================================
   ÑAM GOURMET — DESIGN TOKENS (sitio público)
   Única fuente de verdad de los tokens de marca compartidos por
   el home (styles.css) y la carta (carta.css).
   Cargar SIEMPRE antes del CSS de cada página.

   Los tokens específicos de cada página (alturas del chrome sticky:
   --chrome-h, --nav-top-h, --nav-cat-h) NO viven acá: se definen en
   styles.css / carta.css porque cada página tiene un chrome distinto.
============================================================ */
:root {
  color-scheme: dark;

  /* ── Superficies ── */
  --bg:              #111111;
  --bg-raised:       #181818;
  --bg-card:         #1e1e1e;
  --bg-card-hover:   #242424;

  /* ── Acento (naranja marca) ── */
  --accent:          #ffa100;
  --accent-dim:      #ff8c00;
  --accent-deep:     #e96d00;
  --accent-faint:    rgba(255,161,0,0.08);

  /* ── Texto / líneas ── */
  --white:           #f0ece4;
  --white-dim:       rgba(240,236,228,0.60);  /* AA: ~5.5:1 en cards, ~6.3:1 sobre #111 */
  --white-faint:     rgba(240,236,228,0.08);
  --border:          rgba(240,236,228,0.09);
  --border-strong:   rgba(240,236,228,0.16);

  /* ── Colores dietarios (íconos veggie / picante) ── */
  --veggie:          #2eb872;
  --chili:           #d23a3a;

  /* ── Tipografía ── */
  --font-display: 'BlairITC', 'Arial Black', Impact, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* ── Escala de espaciado ── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  48px;
  --space-xl:  80px;
  --space-2xl: 120px;

  /* ── Layout ── */
  --max-w:    1440px;
  --pad-x:    48px;
}