/* assets/css/public-palette.css — la paleta del tema minimalista para las
   vistas que no cargan el bundle de la app (2026-10-28).

   Registro (wizard), Recuperar/Restablecer (public-auth), 404, documentos
   legales y la pantalla sin conexión tenían cada una su sistema oro/negro
   escrito a mano. Aquí se redefinen SUS variables con los valores del tema
   minimalista + la capa unificada: lienzo neutro, acento cian para lo que se
   pulsa, oro sólo para la marca y el título. Va la ÚLTIMA en cada <head>,
   así gana por orden sin !important.

   Sin cuenta (o en tema oscuro) se usa Negro minimalista; si la página sabe
   que la cuenta va en claro (data-theme-base="light"), Blanco minimalista. */
:root {
  color-scheme: dark;

  /* Variables locales de Registro.php y public-auth.php */
  --bg-base: #050506;
  --gold-solid: #38BDF8;
  --gold-gradient: linear-gradient(135deg, #5CCBFA 0%, #22D3EE 100%);
  --gold-grad: linear-gradient(135deg, #5CCBFA 0%, #22D3EE 100%);
  --gold-dim: rgba(56,189,248,.10);
  --gold-soft: rgba(56,189,248,.10);
  --gold-line: rgba(56,189,248,.40);
  --glass-bg: rgba(255,255,255,.035);
  --glass-border: rgba(255,255,255,.08);
  --text-snow: #EAF0F7;
  --text-dim: #9DAABC;
  --account-surface: rgba(20,20,23,.94);
  --account-sheen: linear-gradient(140deg, rgba(255,255,255,.04), transparent 48%);
  --account-shadow: 0 2px 6px rgba(0,0,0,.6), 0 18px 48px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.07);

  /* Tokens de la app (404, documentos, sin conexión) */
  --primitive-gold-solid: #38BDF8;
  --primitive-gold-light: #7DD3FC;
  --primitive-gold-dark: #0284C7;
  --primitive-gold-dim: rgba(56,189,248,.20);
  --primitive-gold-bg: rgba(56,189,248,.10);
  --primitive-gold-border: rgba(56,189,248,.30);
  --primitive-gold-gradient: linear-gradient(115deg, #7DD3FC, #38BDF8 60%, #22D3EE);
  --primitive-gold-btn-gradient: linear-gradient(135deg, #5CCBFA 0%, #22D3EE 100%);
  --color-bg: #050506;
  --color-bg-muted: #0A0A0C;
  --color-bg-sub: #0E0E11;
  --panel-bg: #141417;
  --panel-bg-solid: #18181C;
  --panel-bg-hover: #1A1A1E;
  --inner-bg: #0D0D10;
  --sunken-bg: #0A0A0D;
  --nested-bg: #1C1C21;
  --color-text-primary: #EAF0F7;
  --color-text-secondary: #C5CFDA;
  --color-text-muted: #9DAABC;
  --color-text-dim: #8795A7;
  --color-accent: #38BDF8;
  --color-accent-light: #7DD3FC;
  --color-accent-dark: #0284C7;
  --color-accent-dim: rgba(56,189,248,.20);
  --color-accent-bg: rgba(56,189,248,.10);
  --color-accent-border: rgba(56,189,248,.30);
  --color-accent-glow: rgba(56,189,248,.16);
  --color-accent-gradient: var(--primitive-gold-gradient);
  --color-accent-btn: var(--primitive-gold-btn-gradient);
  --color-success: #34D399;
  --color-warning: #FB923C;
  --color-danger: #F87171;
  --color-info: #38BDF8;
  --color-feature: #B07CFF;
  --surface-1: rgba(255,255,255,.03);
  --surface-2: rgba(255,255,255,.045);
  --surface-3: rgba(255,255,255,.065);
  --border-subtle: rgba(255,255,255,.05);
  --border-soft: rgba(255,255,255,.07);
  --border-medium: rgba(255,255,255,.11);
  --page-glow-1: transparent;
  --page-glow-2: transparent;
  --color-brand: #D4AF37;
  --brand-gradient: linear-gradient(115deg, #F6DE8D 0%, #D4AF37 55%, #B8912A 100%);
}

:root:is([data-theme-base="light"],[data-theme="light-minimalist"],[data-theme="blanco-luminoso"]) {
  color-scheme: light;
  --bg-base: #ECEFF2;
  --gold-solid: #0369A1;
  --gold-gradient: linear-gradient(135deg, #0377B5 0%, #075985 100%);
  --gold-grad: linear-gradient(135deg, #0377B5 0%, #075985 100%);
  --gold-dim: rgba(3,105,161,.07);
  --gold-soft: rgba(3,105,161,.07);
  --gold-line: rgba(3,105,161,.3);
  --glass-bg: #FFFFFF;
  --glass-border: rgba(16,24,40,.08);
  --text-snow: #17191C;
  --text-dim: #4B5563;
  --account-surface: #FFFFFF;
  --account-sheen: none;
  --account-shadow: 0 1px 2px rgba(16,24,40,.05), 0 16px 36px rgba(16,24,40,.1);
  --primitive-gold-solid: #0369A1;
  --primitive-gold-light: #0284C7;
  --primitive-gold-dark: #075985;
  --primitive-gold-bg: rgba(3,105,161,.07);
  --primitive-gold-border: rgba(3,105,161,.24);
  --primitive-gold-gradient: linear-gradient(115deg, #0369A1, #0E7490);
  --primitive-gold-btn-gradient: linear-gradient(135deg, #0377B5 0%, #075985 100%);
  --color-bg: #ECEFF2;
  --color-bg-muted: #E7EAEE;
  --color-bg-sub: #E2E6EB;
  --panel-bg: #FFFFFF;
  --panel-bg-solid: #FFFFFF;
  --panel-bg-hover: #FFFFFF;
  --inner-bg: #F3F5F8;
  --sunken-bg: #E9ECF0;
  --nested-bg: #F3F5F8;
  --color-text-primary: #17191C;
  --color-text-secondary: #374151;
  --color-text-muted: #4B5563;
  --color-text-dim: #5B6779;
  --color-accent: #0369A1;
  --color-accent-light: #0284C7;
  --color-accent-dark: #075985;
  --color-accent-bg: rgba(3,105,161,.07);
  --color-accent-border: rgba(3,105,161,.24);
  --color-success: #047857;
  --color-warning: #C2410C;
  --color-danger: #B91C1C;
  --color-info: #0369A1;
  --color-feature: #7C3AED;
  --surface-1: rgba(16,24,40,.03);
  --surface-2: rgba(16,24,40,.045);
  --surface-3: rgba(16,24,40,.065);
  --border-subtle: rgba(16,24,40,.05);
  --border-soft: rgba(16,24,40,.08);
  --border-medium: rgba(16,24,40,.12);
  --color-brand: #8A6B12;
  --brand-gradient: linear-gradient(115deg, #A8841E 0%, #8A6B12 55%, #6E5209 100%);
}

/* El título de la vista es marca: oro. Lo que se pulsa: acento. */
.text-gold {
  background: var(--brand-gradient) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
/* Sobre el acento cian el texto va en tinta oscura (≥ 7:1); en claro, blanco. */
:is(.submit-btn,.btn-gold,.btn-primary) { color: #03141F !important; }
:root:is([data-theme-base="light"],[data-theme="light-minimalist"],[data-theme="blanco-luminoso"]) :is(.submit-btn,.btn-gold,.btn-primary) { color: #FFFFFF !important; }