:root{
/* base palette — azules muestreados de los archivos oficiales de marca, ordenados de claro a oscuro */
--blue-tint:#E5F1FF;
--blue-light:#99C9FF;
--blue-secondary:#4DA5FF;
--blue-primary:#007DFF;
--blue-primary-hover:#0069DB;
--blue-primary-press:#0055B0;
--blue-deep:#00489A;
--blue-deep-2:#00356F;
--navy-deep:var(--blue-deep); /* alias heredado */
--navy-deep-2:var(--blue-deep-2); /* alias heredado */
--black:#000000;
--gray-900:#212529;
--gray-700:#495057;
--gray-500:#868e96;
--gray-300:#dee2e6;
--gray-100:#f4f6fb;
--white:#FFFFFF;
--amber-token:#FDBA02;
--amber-token-deep:#F2A600;
--amber-token-bg:#FFF4D6;
--green-success:#16a34a;
--green-success-bg:#e7f8ee;
--whatsapp-green:#25D366;
--red-danger:#e0333f;
--red-danger-bg:#fdeaec;
--amber-warning:#f59e0b;

/* gradient */
--gradient-brand:linear-gradient(135deg,var(--blue-secondary) 0%,var(--blue-primary) 100%);
--gradient-deep:linear-gradient(180deg,var(--blue-deep) 0%,var(--blue-deep-2) 100%);
--gradient-navy:var(--gradient-deep); /* alias heredado */

/* semantic aliases */
--color-accent:var(--blue-primary);
--color-accent-hover:var(--blue-primary-hover);
--color-accent-press:var(--blue-primary-press);
--color-accent-soft:var(--blue-secondary);
--color-token:var(--amber-token);

--surface-page:var(--white);
--surface-page-alt:var(--gray-100);
--surface-card:var(--white);
--surface-dark:var(--blue-deep);
--surface-brand:var(--blue-primary);
--surface-brand-soft:var(--blue-tint);

--text-primary:var(--gray-900);
--text-secondary:var(--gray-700);
--text-muted:var(--gray-500);
--text-inverse:var(--white);
--text-link:var(--blue-primary);
--text-link-hover:var(--blue-primary-hover);

--border-subtle:var(--gray-300);
--border-strong:var(--gray-500);
--border-focus:var(--blue-primary);

--status-success-fg:var(--green-success);
--status-success-bg:var(--green-success-bg);
--status-danger-fg:var(--red-danger);
--status-danger-bg:var(--red-danger-bg);
--status-warning-fg:#92620a;
--status-warning-bg:#fef3d9;
}