:root {
  --marino: #0D1B2E;
  --blanco-glaciar: #F0FAFA;
  --celeste-teal: #5BB8C4;

  --azul-indigo: #1B3A6B;
  --azul-medio: #2563A8;
  --teal-intenso: #1E8FA0;
  --turquesa-claro: #9DDCD8;
  --menta-palido: #C5EEE8;
  --hielo-azulado: #D8F0F5;

  --font-display: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-brand: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;

  --nav-height: 64px;
  --container-max: 1280px;
  --section-min-h: 80vh;

  --radius-sm: 4px;
  --radius-md: 8px;

  --transition-fast: 0.18s ease-out;
  --transition-mid: 0.3s ease-out;
  --transition-slow: 0.6s ease-out;

  --shadow-lg: 0 12px 32px rgba(13, 27, 46, 0.25);

  --gradient-sections: linear-gradient(
    180deg,
    var(--marino) 0%,
    var(--azul-medio) 33%,
    var(--celeste-teal) 66%,
    var(--blanco-glaciar) 100%
  );
}