/* ============================================================
   🔐 LOGIN — TEMA SUNSET (valores reales, sin referencias)
   ============================================================ */

:root {

   /* =========================================================
     🎨 BACKGROUND
     ========================================================= */

   --login-bg: var(--tok-bg-page);
   --login-card-bg: var(--tok-bg-surface);
   --login-input-bg: var(--tok-bg-white);



   /* =========================================================
     📝 TEXTO
     ========================================================= */

   --login-title-color: var(--tok-text-dark);
   --login-subtitle-color: var(--tok-text-muted);
   --login-label-color: var(--tok-text-label);
   --login-input-text: var(--tok-text-base);

   --login-button-text: var(--tok-primary-text);
   --login-button-secondary-text: var(--tok-secondary-text);



   /* =========================================================
     📐 BORDES
     ========================================================= */

   --login-card-border: var(--tok-border);
   --login-input-border: var(--tok-border-input);
   --login-button-secondary-border: var(--tok-border-btn);



   /* =========================================================
     🔘 BOTONES
     ========================================================= */

   --login-button-bg: var(--tok-primary);
   --login-button-hover-bg: var(--tok-primary-hover);

   --login-focus-ring: var(--tok-primary);

   /* Fondo azul cielo suave */
   --login-bg-gradient:
     radial-gradient(ellipse at 18% 28%, rgba(186, 230, 253, 0.65) 0%, transparent 52%),
     radial-gradient(ellipse at 82% 72%, rgba(147, 197, 253, 0.45) 0%, transparent 48%),
     radial-gradient(ellipse at 50% 5%, rgba(224, 242, 254, 0.5) 0%, transparent 45%),
     linear-gradient(155deg, rgb(240, 249, 255) 0%, rgb(248, 250, 252) 55%, rgb(224, 242, 254) 100%);

   --login-blob-color: 125 211 252;   /* sky-300 — blobs sobre fondo claro */

   /* =========================================================
     🚦 ESTADOS
     ========================================================= */

   --login-error-color: var(--tok-danger-text);
   --login-loading-color: var(--tok-text-muted);

}