/* Tokens de diseño — Manual de Identidade Visual Autoglass V1 (2024).
   Única fuente de verdad de color y tipografía: ningún otro archivo declara hex propios. */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins-400.9212f6f9860f.woff2") format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins-500.a09f2fccfee3.woff2") format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins-600.72993dddf88a.woff2") format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins-700.25b0e113ca7c.woff2") format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/poppins-800.af4d371a1027.woff2") format('woff2');
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/bebas-400.5853435d21b1.woff2") format('woff2');
}

:root {
  /* Paleta institucional */
  --azul-marca: #00298E;      /* Pantone Dark Blue C — símbolo, primario */
  --azul-accion: #0649C9;     /* Pantone 2728 C — interacción, focus */
  --azul-brillante: #037FF7;  /* Pantone 2995 C */
  --celeste: #06A3F4;         /* Pantone 2995 C claro */
  --tinta: #07060F;           /* Pantone Black C — texto */
  --slate: #232F3F;           /* Pantone 7546 C — texto secundario */
  --gris-100: #E9E9E9;        /* Pantone 649 C — fondo de página */
  --gris-200: #D6D6D9;        /* bordes */
  --blanco: #FFFFFF;
  --naranja: #F8A101;         /* Pantone 137 C — iconografía, acentos */
  --naranja-quemado: #ED7D2F; /* Pantone 152 C */
  --amarillo: #FFE53C;        /* Pantone 106 C */
  --arena: #F9D49D;           /* Pantone 7507 C */
  --purpura: #4A33AA;         /* Pantone 267 C */

  /* Estados (fuera del manual; sobrios, solo para semántica de UI) */
  --ok: #1E7D46;
  --ok-suave: #E3F2E9;
  --error: #B3261E;
  --error-suave: #FBEAE8;
  --aviso: var(--naranja-quemado);
  --aviso-suave: #FDF1E4;

  /* Tipografía */
  --fuente: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --fuente-label: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;

  /* Geometría (múltiplos de 8, como la marca) */
  --radio-1: 8px;
  --radio-2: 16px;
  --sombra-1: 0 1px 2px rgba(7, 6, 15, 0.05), 0 6px 18px rgba(0, 41, 142, 0.08);
  --sidebar-ancho: 248px;
}