:root {
  /* === COLORES PRINCIPALES === */
  --verde-uncada: #6A9E38;
  --azul-uncada: #2385C8;
  --azul-marino: #0B2B8A;

  /* === COLORES SECUNDARIOS === */
  --azul-cian: #00C5F0;
  --blanco: #FFFFFF;
  --negro-tipografico: #1A1A1A;
  --gris-cuerpo: #555555;
  --gris-claro: #F2F6FA;

  /* === COLORES TERRITORIALES === */
  --ocre-acosta: #B8872F;
  --tierra-acosta: #A46A3E;

  /* === SEMÁNTICOS === */
  --color-fondo-pagina: var(--blanco);
  --color-fondo-seccion-alt: var(--gris-claro);
  --color-texto-principal: var(--negro-tipografico);
  --color-texto-secundario: var(--gris-cuerpo);
  --color-enlace: var(--azul-uncada);
  --color-enlace-hover: var(--azul-marino);
  --color-boton-primario-bg: var(--azul-uncada);
  --color-boton-primario-text: var(--blanco);
  --color-boton-secundario-border: var(--verde-uncada);
  --color-boton-secundario-text: var(--verde-uncada);
  --color-header-bg: var(--azul-marino);
  --color-footer-bg: var(--azul-marino);
  --color-hero-bg: var(--azul-marino);

  /* === FUENTES === */
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --font-body-alt: 'Calibri', sans-serif;

  /* === ESCALA TIPOGRÁFICA === */
  --h1-size: clamp(1.75rem, 4vw, 3rem);
  --h1-weight: 800;
  --h1-color: var(--blanco);

  --h2-size: clamp(1.25rem, 3vw, 1.75rem);
  --h2-weight: 600;
  --h2-color: var(--azul-marino);

  --h3-size: clamp(1rem, 2vw, 1.125rem);
  --h3-weight: 700;
  --h3-color: var(--azul-marino);

  --body-size: 1rem;
  --body-weight: 400;
  --body-line-height: 1.6;
  --body-color: var(--gris-cuerpo);

  --small-size: 0.875rem;
  --caption-size: 0.75rem;

  /* === ESPACIADO === */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* === CONTENEDOR === */
  --max-width: 1200px;
  --container-padding: 1.5rem;

  /* === BORDES === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
}