:root {
  /* Marca */
  --c-primary: #0A5CFF;        /* azul eléctrico (botones, links, foco) */
  --c-primary-600: #0047D6;    /* hover */
  --c-primary-700: #0036A8;    /* active */
  --c-primary-50: #EEF4FF;     /* fondos suaves */
  --c-primary-100: #D9E6FF;
  --c-accent: #00D4FF;         /* cian eléctrico: degradados, detalles */
  --c-navy: #061A40;           /* secciones oscuras, footer, texto títulos */
  --c-navy-900: #030D24;

  /* Neutros */
  --c-bg: #F7F9FC;
  --c-surface: #FFFFFF;
  --c-border: #E3E8F2;
  --c-text: #0F1B33;
  --c-text-muted: #5B6880;

  /* Estado */
  --c-success: #12B76A;  --c-success-50: #E8F8F0;
  --c-warning: #F79009;  --c-warning-50: #FFF5E6;
  --c-danger:  #E5484D;  --c-danger-50:  #FDECEC;
  --c-whatsapp: #25D366;
  /* Variantes oscuras para texto: los colores de estado no alcanzan AA sobre fondo claro */
  --c-success-text: #067647; --c-warning-text: #93500A; --c-danger-text: #B3261E;

  /* Degradado firma */
  --g-brand: linear-gradient(135deg, #0A5CFF 0%, #3B82FF 55%, #00D4FF 100%);
  --g-hero:  radial-gradient(1200px 600px at 80% -10%, rgba(0,212,255,.25), transparent 60%),
             linear-gradient(180deg, #061A40 0%, #0A2A6B 100%);

  /* Tipografía (self-host .woff2 en /assets/fonts) */
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-base: 1rem; --fs-lg: 1.125rem;
  --fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: clamp(2rem, 6vw, 3.25rem);
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 800;

  /* Espaciado (escala 4px) */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-5: 1.5rem;
  --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem;

  /* Radios y sombras */
  --r-sm: 8px; --r-md: 12px; --r-lg: 20px; --r-xl: 28px; --r-full: 999px;
  --sh-sm: 0 1px 2px rgba(6,26,64,.06), 0 1px 3px rgba(6,26,64,.08);
  --sh-md: 0 8px 24px rgba(6,26,64,.10);
  --sh-lg: 0 20px 50px rgba(6,26,64,.18);
  --sh-glow: 0 10px 30px rgba(10,92,255,.35);

  --container: 1120px;
  --tap: 48px;               /* alto mínimo de controles táctiles */
  --ease: cubic-bezier(.2,.8,.2,1);
}