@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-VariableFont.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Fondo base: SOLO blanco y negro (ver spec "Identidad visual") */
  --color-black: #0A0A0A;
  --color-white: #FAFAFA;

  /* Gris + azul: color propio de Grupo Armor (extraído de Logotipos/Logo SADET_Grupoarmor).
     Uso: enmarcar, dividir, resaltar texto/imágenes. NUNCA como fondo de sección completa. */
  --color-carbon: #505058;
  --color-carbon-light: #707078;
  /* Texto gris sobre fondo negro — más claro que --color-carbon-light para
     legibilidad (retroalimentación de cliente). Nunca usar sobre fondo blanco. */
  --color-carbon-ondark: #A6A6AE;
  --color-accent-blue: #00A0E0;
  --color-accent-blue-hover: #0086BD;

  /* Acentos de división: SOLO dentro de la tarjeta de esa división. */
  --color-division-red: #D8262F;
  --color-division-green: #5EA621;

  /* Estado de formularios (sección contacto). */
  --color-success: #4ADE80;

  --font-oswald: "Oswald", sans-serif;
  --font-inter: "Inter", sans-serif;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;

  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --content-max-width: 1200px;

  --header-height: 88px;
  --header-height-mobile: 64px;
}