/*
 * Tokens de diseño — rediseño visual 2026
 * Variables CSS nativas (sin build system). Consumidas por restyle.css
 * y, opcionalmente, por el <style> inline de parts/navv.php.
 * No añade fuentes nuevas: reutiliza Montserrat/Quicksand ya cargadas
 * por tipografias.css (pesos disponibles: Montserrat 500/600/800,
 * Quicksand 500/700).
 */
:root {
  /* Color de marca: se mantiene el azul marino actual, solo se sistematiza */
  --color-navy-950: #010e2b;
  --color-navy-900: #071a3d;
  --color-navy-800: #12274d;

  /* Acentos: 2-3 colores tomados de la paleta ya existente en el sitio */
  --color-accent: #2891cc;
  --color-accent-strong: #0a4cff;
  --color-accent-warm: #ff6d42;

  /* Neutros para un layout claro y minimal */
  --color-bg: #ffffff;
  --color-bg-soft: #f7f8fa;
  --color-border: #e6e8ec;
  --color-text: #1d222b;
  --color-text-muted: #6b7280;
  --color-on-dark: #e9edf5;
  --color-on-dark-muted: #aab4c8;

  /* Tipografía */
  --font-heading: 'Montserrat', Arial, sans-serif;
  --font-body: 'Quicksand', 'Open Sans', Arial, sans-serif;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;

  /* Espaciado (escala 4/8pt) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  /* Radios y sombras (look "tarjeta suave") */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 3px rgba(1, 14, 43, 0.06);
  --shadow-md: 0 8px 24px rgba(1, 14, 43, 0.08);
  --shadow-lg: 0 16px 40px rgba(1, 14, 43, 0.10);

  --container-max: 1140px;
}