/*
 * Tema "Aurora" (claro) — usado por landing.css (sitio público) y por
 * templates/roles/premium/premium_base.html (dashboard premium).
 *
 * Ambos archivos ya usaban el mismo color de marca (#171a40) y la misma
 * pareja tipográfica (Poppins + Inter) con nombres de variable distintos
 * (--primary-blue vs --color-navy, --light-blue vs --color-sky, etc).
 * Este archivo es la fuente única de esos valores; cada hoja mantiene su
 * propio nombre histórico como alias para no romper ninguna regla existente.
 *
 * Requiere que tokens.css esté enlazado ANTES que este archivo.
 */
:root {
  /* Nombres usados en landing.css */
  --primary-blue: var(--color-navy-900);
  --light-blue: var(--color-sky-100);
  --brand-gray: var(--color-gray-200);
  --black: var(--color-black);
  --white: var(--color-white);
  --font-heading: var(--font-display-aurora);
  --font-body: var(--font-body-aurora);
  --transition: 0.5s var(--ease-aurora-panel);

  /* Nombres usados en premium_base.html */
  --color-navy: var(--color-navy-900);
  --color-navy-hover: var(--color-navy-800);
  --color-sky: var(--color-sky-100);
  --cyan-signal: var(--color-skyblue-400);
  --emerald: var(--color-emerald-500);
  --amber: var(--color-amber-600);
  --rose: var(--color-rose-600);
  --critical: var(--color-rose-600);
  --color-text: var(--color-ink-800);
  --color-text-muted: var(--color-ink-500);
  --bg-white: var(--color-white);
  --bg-alt: var(--color-gray-50);
  --bg-sky: var(--color-sky-50);
  --border-color: var(--color-gray-200);
  --font-serif: var(--font-display-aurora);
  --ease-out: var(--ease-aurora-out);
  --ease-spring: var(--ease-aurora-spring);
}