/* =========================================================================
   CITEM - TOKENS DE DISEÑO: "Blockout Suizo" — Branding Final v2
   Paleta: Coral #da4a4a · Indigo #30276c · Negro #282828 · Crema #fcf7f0
   Tipografía: Gobold Bold (títulos) + Gobold Regular (body)
   ========================================================================= */

/* ─── @font-face: Gobold ─────────────────────────────────────────────────── */
@font-face {
  font-family: 'Gobold';
  src: url('/assets/fonts/Gobold-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gobold';
  src: url('/assets/fonts/Gobold-Bold.woff') format('woff');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* 1. PALETA MAESTRA: BRANDING FINAL — 4 colores exactos del diseñador */
  --c-cream-rgb: 252, 247, 240;
  --c-navy-rgb: 48, 39, 108;        /* #30276c — Indigo profundo */
  --c-crimson-rgb: 218, 74, 74;     /* #da4a4a — Coral vivo */
  --c-gold-rgb: 252, 247, 240;      /* Alias → crema (acento claro sobre oscuro) */

  --c-cream: rgba(var(--c-cream-rgb), 1);      /* #fcf7f0 — Secundario claro */
  --c-navy: rgba(var(--c-navy-rgb), 1);        /* #30276c — Primario oscuro */
  --c-crimson: rgba(var(--c-crimson-rgb), 1);  /* #da4a4a — Primario acento */
  --c-gold: rgba(var(--c-gold-rgb), 1);        /* = cream, para retrocompat. */

  --c-cream-muted: rgba(var(--c-cream-rgb), 0.7);
  --c-navy-muted: rgba(var(--c-navy-rgb), 0.8);
  --c-navy-dark: rgba(var(--c-navy-rgb), 1);
  --c-gold-dark: rgba(220, 215, 205, 1);       /* crema oscurecida para hover */
  --c-white: #FFFFFF;
  --c-black: #282828;                           /* #282828 — Secundario oscuro */

  /* 2. TIPOGRAFÍA — Sistema dual */
  --font-heading: 'Gobold', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Títulos */
  --font: 'Helvetica Neue', Helvetica, Arial, sans-serif;                   /* Cuerpo / párrafos */

  /* Gobold es condensada — reducimos el letter-spacing negativo */
  --letter-spacing-base: 0;
  --letter-spacing-heading: -1px;
  --letter-spacing-title: -2px;
  --letter-spacing-hero: -2px;

  /* 2.1 ESCALA TIPOGRÁFICA */
  --text-base: 1.125rem;
  --text-sm: 0.875rem;
  --text-h1: clamp(2.5rem, 5vw, 5rem);
  --text-h2: clamp(2rem, 4vw, 3.5rem);
  --text-h3: clamp(1.5rem, 3vw, 2.5rem);
  --text-p: 1.25rem;
  --text-hero: clamp(3.5rem, 8vw, 7rem);

  /* 3. ESPACIADOS */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 5rem;

  --site-max-width: 1440px;
  --layout-max-width: 1440px;
  --nav-height: 5rem;

  /* 4. SOMBRAS & BORDES RÍGIDOS */
  --border-weight: 3px;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;

  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-focus: 0 0 0 3px var(--c-navy);

  /* 5. ÍNDICES Z */
  --z-nav: 50;
  --z-modal: 100;
  --z-tooltip: 200;
}