/* Tokens de diseño: "el salón con la luz prendida". Casi negro cálido y el amarillo de la pared del local como único acento.
   Todo color del sitio sale de acá. El tema claro redefine solo los valores.
   --bronze y --metal conservan el nombre histórico (los usan todas las secciones y efectos), pero ahora son el amarillo,
   liso: sin degradados metálicos. */
:root {
  --bg: #121110; --bg2: #1A1917; --surface: #1F1D1A; --raise: #282521;
  --ink: #F3EFE6; --muted: #ABA69C; --line: rgba(243,239,230,.13); --line2: rgba(243,239,230,.28);
  --bronze: #E6B62E;
  --metal: linear-gradient(#E6B62E, #E6B62E);
  --cta-bg: #E6B62E; --cta-ink: #141311; --cta-chip: rgba(20,19,17,.12);
  --veil: rgba(10,9,8,.62); --glow: rgba(230,182,46,.14); --shadow: 0 40px 90px -50px rgba(0,0,0,.9);
  --ok: #7CC796; --off: #E09A7C; --hi: rgba(255,255,255,.06);
  --wa: #25D366; --wa-ink: #0B2414;
  --bubble: #1F3A2A; --bubble-ink: #E4F5E9;
  --stroke: rgba(243,239,230,.42);

  --display: "Bricolage Grotesque", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --body: "Manrope", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --ease: cubic-bezier(.23,1,.32,1);
  --ease-drawer: cubic-bezier(.32,.72,0,1);
  --gut: clamp(18px, 4.2vw, 64px);
  --hdr: 68px;
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F4F3EF; --bg2: #E9E7E1; --surface: #FBFAF7; --raise: #FFFFFF;
    --ink: #141311; --muted: #57544D; --line: rgba(20,19,17,.13); --line2: rgba(20,19,17,.3);
    --bronze: #7A5A00;
    --metal: linear-gradient(#7A5A00, #7A5A00);
    --cta-bg: #141311; --cta-ink: #F4F3EF; --cta-chip: rgba(244,243,239,.14);
    --veil: rgba(244,243,239,.55); --glow: rgba(230,182,46,.18); --shadow: 0 40px 80px -50px rgba(20,19,17,.45);
    --ok: #2E7D4A; --off: #A8482C; --hi: rgba(255,255,255,.7);
    --wa: #1A8F4A; --wa-ink: #FFFFFF;
    --bubble: #DCF3D3; --bubble-ink: #10260F;
    --stroke: rgba(20,19,17,.45);
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --bg: #F4F3EF; --bg2: #E9E7E1; --surface: #FBFAF7; --raise: #FFFFFF;
  --ink: #141311; --muted: #57544D; --line: rgba(20,19,17,.13); --line2: rgba(20,19,17,.3);
  --bronze: #7A5A00;
  --metal: linear-gradient(#7A5A00, #7A5A00);
  --cta-bg: #141311; --cta-ink: #F4F3EF; --cta-chip: rgba(244,243,239,.14);
  --veil: rgba(244,243,239,.55); --glow: rgba(230,182,46,.18); --shadow: 0 40px 80px -50px rgba(20,19,17,.45);
  --ok: #2E7D4A; --off: #A8482C; --hi: rgba(255,255,255,.7);
  --wa: #1A8F4A; --wa-ink: #FFFFFF;
  --bubble: #DCF3D3; --bubble-ink: #10260F;
  --stroke: rgba(20,19,17,.45);
  color-scheme: light;
}