/* ============================================================
   🔐 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);

   /* Gradiente de fondo tipo Atardecer */
   --login-bg-gradient: radial-gradient(at 0% 0%, rgba(250, 247, 242, 1) 0%, rgba(255, 237, 213, 1) 50%, rgba(253, 224, 192, 1) 100%);

   --login-blob-color: var(--tok-primary-blob);

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

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

}