/* vars.125a.css -- design tokens. Cambiar un valor aca alcanza para todo el sitio. */

:root {
  /* color: superficie (base grafito oscura desde RESTYLE-1, 2026-08-06) */
  --c-bg: #1f2124;
  --c-bg-line: #3a3d43;
  --c-surface: #2c2e33;

  /* color: grafito (secciones inversas, mismo tono que la base ahora) */
  --c-graphite: #2c2e33;
  --c-graphite-deep: #1f2124;
  --c-graphite-line: #3a3d43;

  /* color: acento (terracota mas clara para que respire sobre el grafito) */
  --c-terracotta: #d96a40;
  --c-terracotta-dark: #9c4a2b;
  --c-terracotta-soft: #e2c3b3;

  /* color: texto (claro sobre grafito) */
  --c-text: #f1f1ef;
  --c-text-muted: #b9bcc0;
  --c-text-on-dark: #f1f1ef;
  --c-text-muted-dark: #b9bcc0;

  /* tipografia */
  --font-display: 'Russo One', 'Arial Narrow', Impact, sans-serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* escala tipografica (clamp: min, preferido, max) */
  --fs-display-xl: clamp(3.4rem, 9vw + 1rem, 8.5rem);
  --fs-display-lg: clamp(2.4rem, 5vw + 1rem, 4.6rem);
  --fs-display-md: clamp(1.9rem, 3vw + 1rem, 2.9rem);
  --fs-display-sm: clamp(1.5rem, 2vw + 1rem, 2rem);
  --fs-body-lg: clamp(1.05rem, 0.5vw + 1rem, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* espaciado */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1.125rem;
  --space-md: 1.75rem;
  --space-lg: 2.75rem;
  --space-xl: 4.5rem;
  --space-2xl: 7rem;
  --space-3xl: 10rem;

  /* layout */
  --container-w: 1284px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --border-hair: 1px;
  --radius-sm: 2px;

  /* z-index (fijado en el pasaporte) */
  --z-header: 50;
  --z-menu: 60;
  --z-cookie: 70;

  /* movimiento */
  --ease-station: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur-fast: 150ms;
  --dur-med: 320ms;
  --dur-slow: 620ms;

  /* nota: variable reservada para una version futura del sistema de columnas,
     no se usa todavia en ningun archivo (queda documentada por si se retoma) */
  --grid-gutter-legacy: 22px;
}

@font-face {
  /* Russo One solo trae peso 400 normal (sin cursiva, sin negrita real) */
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/russo-one-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-latin.woff2') format('woff2');
}