:root {
  /* Marca */
  --color-primary: #0c2a3b;
  --color-primary-dark: #071925;
  --color-primary-light: #17475f;
  --color-accent: #12805a;
  --color-accent-dark: #0d6647;
  --color-accent-rgb: 18, 128, 90;
  /* Tinte aclarado del verde de marca: el #12805a no tiene contraste suficiente
     sobre fondos oscuros (hero, secciones navy). */
  --color-accent-on-dark: #2ecc8f;

  /* [v1] Coral de los títulos del proceso y del CTA del menú (eliminado):
     --color-step: C87D71; --color-step-dark: B46B61; */

  /* Neutros */
  --color-bg: #FFFFFF;
  --color-bg-soft: #F5F9FC;
  --color-bg-alt: #EAF4FF;
  --color-border: #DCE9F5;
  --color-text: #14213A;
  --color-text-muted: #4C5E76;
  --color-text-inverse: #FFFFFF;

  /* Estados */
  --color-danger: #D8483C;
  --color-danger-bg: #FBEAE8;

  /* [v1] Ubuntu en todo el texto y Roboto Black Italic (--font-display) para el "FLEX" del hero:
     --font-base: 'Ubuntu', system-ui, …; --font-heading: 'Ubuntu', 'Roboto', system-ui, …;
     --font-display: 'Roboto', system-ui, … */
  /* [v2] --font-base y --font-heading: 'Inter', system-ui, … */
  /* [v3] --font-base: 'Manrope', …; --font-heading: 'Source Serif 4', Georgia, 'Times New Roman', serif; */
  /* Títulos en Sora (geométrica, con carácter); texto, menú, botones y datos en DM Sans. */
  --font-base: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-heading: 'Sora', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 2.9rem;

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  /* Forma */
  /* [v1] --radius-sm: 8px; --radius-md: 14px; --radius-lg: 22px; */
  --radius-sm: 6px;
  --radius-md: 6px;
  --radius-lg: 8px;
  /* Solo para la etiqueta Leasing / Renting de las tarjetas. */
  --radius-pill: 999px;
  --shadow-sm: 0 2px 10px rgba(15, 42, 74, 0.06);
  --shadow-md: 0 10px 30px rgba(15, 42, 74, 0.10);
  --shadow-lg: 0 20px 50px rgba(15, 42, 74, 0.16);

  --container-max: 1180px;
}