/* Tokens: paleta, tipografía y medidas. Nada más.
   Parte de styles/ — se cargan en orden desde index.html. */

:root {
  /* Paleta: sacada de los flyers y de las fotos del atardecer */
  --oro:        #f2b441;   /* el sol de los carteles */
  --brasa:      #e4622e;   /* el naranja de "Fiesta en Comunidad" */
  --crepusculo: #7b3f6b;   /* el magenta de la hora morada */
  --altus:      #1b2a5e;   /* el índigo del cartel estelar */
  --noche:      #07080f;   /* ya de madrugada */
  --hueso:      #f4efe6;   /* el texto, blanco cálido */

  --hueso-70: rgb(244 239 230 / .70);
  --hueso-45: rgb(244 239 230 / .45);
  --hueso-16: rgb(244 239 230 / .16);
  --hueso-08: rgb(244 239 230 / .08);

  /* Tipografía */
  --display: 'Archivo', 'Arial Black', system-ui, sans-serif;
  --body:    'Space Grotesk', system-ui, -apple-system, sans-serif;
  --mono:    'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Medidas */
  --bleed: clamp(1.25rem, 5vw, 5.5rem);
  --maxw: 1440px;
  --nav-h: 4.75rem;

  --ease: cubic-bezier(.22, 1, .36, 1);
}

/* Ancho expandido: el look ancho y pesado de los carteles */
.exp { font-variation-settings: 'wdth' 125; }