:root {
  /* Paleta principal */
  --color-red-primary: #E3122E;
  --color-red-deep: #C21133;
  --color-red-tint: #FBDEE2;
  --color-blue-primary: #171B5D;
  --color-blue-tint: #E4E6F5;
  --color-green-primary: #6B9A1A;
  --color-green-bright: #AEDA1E;
  --color-green-tint: #EAF7C9;
  --color-orange-primary: #D9660A;
  --color-orange-bright: #FF7A1A;
  --color-orange-tint: #FFE7D3;

  --color-white: #FFFFFF;
  --color-surface: #F4F5F7;
  --color-border: #E4E7EC;
  --color-text: #111533;
  --color-text-muted: #6C7280;

  /* Tipografía */
  --font-principal: 'Plus Jakarta Sans', 'Inter', sans-serif;

  /* Bordes y sombras */
  --radio-tarjeta: 22px;
  --radio-chip: 12px;
  --radio-boton: 999px;
  --sombra-suave: 0 12px 30px rgba(23, 27, 93, 0.12);
  --sombra-fuerte: 0 18px 40px rgba(23, 27, 93, 0.18);

  /* Duraciones de animación */
  --dur-micro: 130ms;
  --dur-boton: 180ms;
  --dur-tarjeta: 320ms;
  --dur-nav: 380ms;
  --dur-seccion: 500ms;
  --dur-stagger-paso: 45ms;

  /* Curvas de aceleración (vocabulario de animación) */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);      /* entradas, respuestas a la acción del usuario */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);   /* elementos ya visibles que se mueven o rehacen layout */
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);    /* paneles tipo cajón / sheet */

  /* Reglas de negocio */
  --pesos-por-punto: 0.85;
}