:root {
  --color-azul: #0b1f3a;
  --color-azul-profundo: #07162b;
  --color-verde: #7ac143;
  --color-blanco: #ffffff;
  --color-gris-claro: #f5f7fa;
  --color-gris-medio: #6b7280;
  --color-texto: #1f2933;

  --fuente-principal: Arial, Helvetica, sans-serif;

  --max-width: 1200px;

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

  --radio: 12px;
  --sombra-suave: 0 8px 24px rgba(0, 0, 0, 0.08);
}