/* =========================================================
   La Sandwichoneria · tokens (color, letra, forma y movimiento)
   Color y forma: del Web-Kit oficial de la marca.
   Movimiento: ficha "Capas & Colores" (ver LEEME).
   ========================================================= */
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("/fonts/instrument-sans.woff2") format("woff2");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Yellowtail";src:url("/fonts/yellowtail.woff2") format("woff2");font-display:swap}

:root,[data-theme="papel"]{
  --fondo:#FBF4E8; --fondo-elevado:#FFFFFF; --fondo-hundido:#F3E8D4; --blanco-corte:#FFFFFF;
  --tinta:#0B0B0B; --tinta-suave:#5A524A;
  --chipotle:#F28481; --queso:#F4BD5F; --nuez:#82A59E; --sobre-sabor:#0B0B0B;
  --chipotle-texto:#B23A37; --queso-texto:#8A5A0A; --nuez-texto:#3D675E;
  --chipotle-suave:#FCDDDB; --queso-suave:#FCEBCB; --nuez-suave:#DCE8E5;
  --linea:#0B0B0B; --linea-suave:#E3D7C3; --foco:#0B0B0B;
  --sombra-calca:0 6px 14px rgba(11,11,11,.16);
  --sombra-dura:4px 4px 0 #0B0B0B;
  /* acción principal: rosa Chipotle con letra Tinta (8.3 a 1) */
  --cta:var(--chipotle); --cta-ink:var(--tinta); --cta-hover:#F69A97; --cta-press:var(--chipotle);
}
[data-theme="plancha"]{
  --fondo:#0B0B0B; --fondo-elevado:#1A1918; --fondo-hundido:#000; --tinta:#FBF4E8; --tinta-suave:#B8AFA4;
  --chipotle-texto:#F28481; --queso-texto:#F4BD5F; --nuez-texto:#82A59E;
  --linea:#FBF4E8; --linea-suave:#2E2C2A; --foco:#F4BD5F;
  --sombra-calca:0 6px 16px rgba(0,0,0,.5); --sombra-dura:4px 4px 0 #FBF4E8;
}
:root{
  --font-display:"Fraunces","Cooper Black",Georgia,serif;
  --font-texto:"Instrument Sans",system-ui,-apple-system,sans-serif;
  --font-firma:"Yellowtail","Brush Script MT",cursive;
  --soft:"SOFT" 100,"WONK" 0,"opsz" 144;

  --r-sm:10px; --r-md:22px; --r-lg:32px; --r-pill:999px;
  --trazo:3.5px; --trazo-fino:1.5px; --borde-corte:7px;

  --gutter:clamp(16px,4.4vw,56px);
  --maxw:1320px;
  --section-y:clamp(72px,11vw,150px);

  /* Movimiento: fiestero, caricaturesco, generoso */
  --ease:cubic-bezier(.25,1,.5,1);        /* power3.out  */
  --ease-io:cubic-bezier(.76,0,.24,1);    /* power3.inOut */
  --ease-pop:cubic-bezier(.34,1.68,.68,1);/* back.out(2) */
  --dur:.85s; --dist:44px; --t-hover:.35s;
}