/* Identidad visual «Aurora»: índigo eléctrico, violeta, coral y menta. Todo el CSS usa estas variables.
   Contrastes revisados: texto blanco sobre --cobalt y los degradados de marca cumple AA (≥ 4.5:1). */
:root {
  /* Colores base */
  --ink: #0B1026;
  --cobalt: #4F5BFF;
  --cobalt-hover: #3A41E0;
  --sky: #EEF0FF;
  --peach: #FFDCCD;
  --cloud: #F4F5FB;
  --white: #FFFFFF;
  --border: #E3E6F1;
  --muted: #5B6482;

  /* Matices usados en los mockups */
  --text-soft: #363F5C;
  --line: #EEF0F7;
  --faint: #9AA1BC;
  --dashed: #C8CDF0;
  --switch-off: #CBD0E1;
  --sky-hover: #E1E4FF;
  --sky-strong: #CDD2FF;
  --sky-border: #A6AEFF;
  --sky-row: #F5F6FF;
  --peach-ink: #A2401C;
  --peach-soft: #FFF5F0;
  --peach-deep: #FFC4AE;
  --slate-pet: #DDE1FF;
  --slate-ink: #3A3FA8;
  --map: #E8EBFA;
  --dark-soft: #C9CCF2;
  --dark-line: #252B5C;

  /* Estados */
  --alert: #E5484D;
  --alert-bg: #FFEDEE;
  --alert-text: #B4232A;
  --alert-border: #FFC9CC;
  --alert-light: #FFE1E3;
  --success: #12A876;
  --success-bg: #E3F8EF;
  --success-text: #0B6B4B;
  --premium-bg: #FFE1D3;
  --premium-text: #8F3412;
  --warning-bg: #FFF1E6;
  --warning-text: #9A4A12;

  /* Acentos y degradados de la identidad «Aurora» */
  --violet: #7C4DFF;
  --cyan: #22C7E8;
  --coral: #FF6B4A;
  --sun: #FFB020;
  --mint: #12C28A;
  --grad-brand: linear-gradient(135deg, #4F5BFF 0%, #6E4BFA 55%, #8B3DF0 100%);
  --grad-brand-soft: linear-gradient(135deg, #EEF0FF 0%, #F3EDFF 100%);
  --grad-warm: linear-gradient(135deg, #FF7A45 0%, #FF4F7B 100%);
  --grad-warm-soft: linear-gradient(135deg, #FFF1EA 0%, #FFE9F0 100%);
  --grad-mint: linear-gradient(135deg, #0FB37F 0%, #0B9AA0 100%);
  --grad-sun: linear-gradient(135deg, #FFB020 0%, #FF7A45 100%);
  --grad-ink: linear-gradient(160deg, #0B1026 0%, #141A44 55%, #22145A 100%);
  --grad-wa: linear-gradient(135deg, #1FBF5C 0%, #0E8F6F 100%);
  --glow-brand: 0 0 0 1px rgba(79, 91, 255, 0.10), 0 18px 40px -14px rgba(110, 75, 250, 0.55);
  --glass: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.65);

  /* Panel admin (menú oscuro) */
  --admin-text: #B9BEE6;
  --admin-muted: #8F95C8;

  /* Tipografía */
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Formas */
  --r-pill: 999px;
  --r-admin: 12px;
  --r-field: 14px;
  --r-card: 24px;
  --r-card-lg: 28px;

  /* Sombras */
  --shadow-card: 0 1px 2px rgba(23, 26, 74, 0.05), 0 10px 30px -8px rgba(23, 26, 74, 0.12);
  --shadow-float: 0 18px 44px -12px rgba(23, 26, 74, 0.22);
  --shadow-cta: 0 10px 26px -8px rgba(79, 91, 255, 0.65), 0 2px 6px rgba(79, 91, 255, 0.22);
  --shadow-pop: 0 30px 70px -20px rgba(11, 16, 38, 0.45);

  /* Movimiento */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur-fast: 160ms;     /* botones, interruptores, hover y foco */
  --dur: 200ms;          /* modales, acordeones, pestañas */
  --dur-page: 230ms;     /* cambio entre páginas */
  --dur-slide: 280ms;    /* hojas inferiores, menús laterales y desplegables */
  --shift: 10px;         /* desplazamiento de las entradas */
  --scale-from: 0.96;    /* escala inicial de los modales */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 120ms;
    --dur: 150ms;
    --dur-page: 150ms;
    --dur-slide: 150ms;
    --shift: 0px;
    --scale-from: 1;
  }
}