/* ============================================================================
   OLEA - DESIGN SYSTEM — fuente única de verdad visual (Sistema Olea - F1)
   Primitivas → semánticos → inmersivos + alias de compatibilidad en español.
   Los alias resuelven a los valores históricos: adoptar este archivo NO
   cambia ni un píxel. El modo oscuro solo se activa con data-theme="dark"
   (hoy nada lo pone: inerte a propósito).
   ============================================================================ */
:root{
  /* primitivas */
  --c-crema:#F4EFE6; --c-papel:#FBF9F4; --c-arena:#EFE8DB;
  --c-ink:#3E4138; --c-ink-2:#55594C; --c-noche:#31342C; --c-night:#24271E;
  --c-piedra:#6F695C; --c-suave:#646858; --c-faint:#706B5D;
  --c-oro:#A8893F; --c-oro-ink:#785E27; --c-oro2:#C6A54F;
  --c-champan:#E9D9A9; --c-oliva:#6E7A52; --c-terra:#A96B3C;
  --c-ok:#5C7D54; --c-danger:#9C5A4B; --c-warn:#B98A2E;
  /* semánticos */
  --surface:var(--c-crema); --surface-raised:var(--c-papel);
  --surface-sunk:var(--c-arena); --surface-invert:var(--c-night);
  --ink:var(--c-ink); --ink-soft:var(--c-ink-2); --ink-strong:var(--c-noche);
  --ink-mute:var(--c-suave); --ink-meta:var(--c-piedra); --ink-faint:var(--c-faint);
  --ink-invert:var(--c-crema); --night:var(--c-night);
  --brand:var(--c-oro); --brand-ink:var(--c-oro-ink); --brand-bright:var(--c-oro2);
  --on-gold:#20180A; /* texto sobre relleno oro (canon: chips.on/btn-gold) — igual en claro y oscuro */
  --line:rgba(80,83,73,.22); --line-solid:#E4DCCB; --line-strong:rgba(80,83,73,.38);
  --ok:var(--c-ok); --danger:var(--c-danger); --warn:var(--c-warn); --mal:var(--c-danger); --aviso:var(--c-warn);
  /* inmersivos */
  --grad-hero:radial-gradient(125% 80% at 50% 0%,var(--c-arena),var(--c-crema) 72%);
  --grad-atardecer:linear-gradient(158deg,#171a13 0%,#242819 30%,#4E3F2B 55%,var(--c-oro) 80%,var(--c-champan) 98%);
  --grad-oliva:linear-gradient(160deg,#20241a,#3a3d27 62%,#7d6a33);
  --grad-oro-line:linear-gradient(90deg,transparent,var(--c-oro),transparent);
  --grad-scroll:linear-gradient(90deg,var(--c-oro),#D4B86C);
  --halo-oro:radial-gradient(closest-side,rgba(168,137,63,.28),transparent 70%);
  --halo-champan:radial-gradient(closest-side,rgba(233,217,169,.35),transparent 70%);
  /* sistema */
  --font-serif:'Cormorant Garamond',Georgia,serif;
  --font-script:'Allura',cursive;
  --font-sans:'Jost',-apple-system,'Segoe UI',system-ui,sans-serif;
  --sombra:0 1px 3px rgba(62,65,56,.08), 0 4px 16px rgba(62,65,56,.06);
  --sombra-lg:0 2px 6px rgba(30,33,26,.09), 0 18px 50px rgba(30,33,26,.14);
  --sombra-oro:0 10px 26px -8px rgba(168,137,63,.55);
  --e:cubic-bezier(.16,1,.3,1); --e-inout:cubic-bezier(.65,0,.35,1);
  --t-fast:.18s; --t-med:.3s; --t-slow:.55s;
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:30px;
  /* alias de compatibilidad (español - valores históricos idénticos) */
  --crema:var(--surface); --papel:var(--surface-raised); --paper:var(--surface-raised);
  --arena:var(--surface-sunk);
  --tinta:var(--ink); --noche:var(--ink-strong); --read:var(--ink-soft);
  --suave:var(--ink-mute); --piedra:var(--ink-meta);
  --oro:var(--brand); --oro-ink:var(--brand-ink); --oro2:var(--brand-bright);
  --linea:var(--line);
}
/* modo oscuro SOLO explícito — RECONCILIADO al CANON de la carta (menu/index.html).
   Valores de superficie/tinta/oro alineados a --noir/--noir-2/--oro del canon para
   que /guest y el resto compartan el MISMO oscuro que el QR (no tres negros). */
:root[data-theme="dark"]{
  --surface:#141310; --surface-raised:#221F18; --surface-sunk:#1B1914;
  --ink:#F3EEE4; --ink-soft:rgba(243,238,228,.60); --ink-strong:#F3EEE4;
  --ink-mute:rgba(243,238,228,.60); --ink-meta:rgba(243,238,228,.40); --ink-invert:#141310;
  --brand:#CBA45C; --brand-bright:#E4CB93; --brand-ink:#E4CB93; /* el oro BRILLA en oscuro (canon) */
  --line:rgba(243,238,228,.09); --line-solid:#2B281F; --line-strong:rgba(243,238,228,.15);
  --grad-hero:radial-gradient(125% 80% at 50% 0%,#221F18,#141310 72%);
  --sombra:0 1px 3px rgba(0,0,0,.55), 0 22px 50px -26px rgba(0,0,0,.75);
}