/* Tokens de diseño · Dom Burger (propuesta) · todo valor visual sale de aquí */
@font-face{font-family:'Fraunces';font-weight:900;font-style:normal;font-display:swap;src:url('../assets/fuentes/fraunces-latin-900-normal.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-weight:900;font-style:italic;font-display:swap;src:url('../assets/fuentes/fraunces-latin-900-italic.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-weight:500;font-style:normal;font-display:swap;src:url('../assets/fuentes/figtree-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-weight:800;font-style:normal;font-display:swap;src:url('../assets/fuentes/figtree-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Caveat';font-weight:700;font-style:normal;font-display:swap;src:url('../assets/fuentes/caveat-latin-700-normal.woff2') format('woff2')}

:root{
  /* Color por roles (paleta del menú impreso + estrella del avatar) */
  --c-azul:#2B5FA8;           /* azul del menú impreso: cabecera, apertura, pedido, páginas azules */
  --c-azul-hondo:#1D4688;     /* capas sobre el azul */
  --c-noche:#14284A;          /* azul muy oscuro: texto y platos agregados */
  --c-noche-alta:#10265a;     /* platos agregados sobre página amarilla */
  --c-electrico:#0A00E8;      /* azul de la estrella */
  --c-rojo:#F0002A;           /* rojo de la estrella: sellos y neón */
  --c-amarillo:#F9D423;       /* página amarilla */
  --c-naranja:#E8501F;        /* acento / neón cálido */
  --c-crema:#EAE5D5;          /* página crema */
  --c-tinta:#14284A;          /* texto sobre página clara */
  --c-tinta-suave:#33486F;
  --c-sobre-oscuro:#F4F0E3;   /* texto sobre fondos oscuros */
  --c-crema-suave:#EAE5D5cc;
  --c-linea:#14284A55;
  --c-agotado:#6B7A99;

  /* Tipografía */
  --f-display:'Fraunces','Cooper Black','Bookman Old Style',Georgia,serif;
  --f-texto:'Figtree','Trebuchet MS','Segoe UI',sans-serif;
  --f-mano:'Caveat','Segoe Print','Comic Sans MS',cursive;
  --t-base:16px;
  --t-pequeno:13px;
  --t-micro:11.5px;
  --t-titulo:clamp(44px,15vw,64px);   /* ≥ 4× el texto base en móvil */
  --t-gigante:clamp(56px,17vw,128px);

  /* Espacio (base 4/8) */
  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:20px; --e-6:24px; --e-8:32px; --e-10:48px;

  /* Forma y elevación */
  --r-chico:12px; --r-medio:18px; --r-grande:28px; --r-pastilla:999px;
  --sombra-flota:0 10px 18px #14284a55,0 2px 0 #14284a30;
  --sombra-capa:0 -18px 50px #000a;

  /* Movimiento (sistema §5.4) */
  --d-micro:150ms; --d-corto:220ms; --d-medio:380ms; --d-largo:640ms;
  --ease-salida:cubic-bezier(.16,1,.3,1);
  --ease-entrada:cubic-bezier(.7,0,.84,0);
  --ease-enfasis:cubic-bezier(.65,0,.35,1);
  --ease-rebote:cubic-bezier(.34,1.56,.64,1);

  /* Grano de papel (SVG en línea, sin red) */
  --grano:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .12 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}