/* ═══════════════════════════════════════════════════════════════════
   COLORES DE LA MARCA — Proyectos RG
   Un solo lugar para el dorado del panel. Se carga DESPUÉS de los estilos
   propios de cada página, así que lo que se defina aquí manda.
   Páginas que lo usan: admin.html, permisos.html, admin-horarios.html,
   calendario.html. (El menú lateral tiene sus colores en shared-nav.css.)
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* Fondo dorado de la pantalla de inicio y de los encabezados */
  --rg-fondo-inicio: linear-gradient(160deg, #f3e3bd 0%, #e6cb8f 45%, #d4ad62 100%);
  --green-bg: var(--rg-fondo-inicio);
  --rg-texto-inicio: #3f2f10;
  --rg-texto-inicio-suave: #5e4515;
  --rg-vidrio: rgba(255,255,255,0.55);
  --rg-vidrio-foco: rgba(255,255,255,0.8);
  --rg-vidrio-borde: rgba(94,69,21,0.3);
  --rg-sombra-inicio: 0 8px 28px rgba(94,69,21,0.18);
  --rg-sombra-logo: drop-shadow(0 4px 10px rgba(70,45,10,0.35));

  /* Dorado de botones, enlaces y detalles (antes verde) */
  --accent: #a07a32;
  --accent-2: #846326;

  /* Grises y bordes cálidos (antes con tinte verde) */
  --ink: #33302a;
  --ink-2: #5f584b;
  --muted: #a39577;
  --bg: #fcfaf5;
  --ring: #efe6d3;
  --ring-strong: #e2d3b2;
  --pill: #f8f2e4;
}

/* ── Encabezados de Permisos, Horarios y Calendario ── */
.page-header h1 { color: var(--rg-texto-inicio); }
.page-header p { color: var(--rg-texto-inicio-suave); }
.page-header img { filter: var(--rg-sombra-logo); }
.btn-back {
  background: var(--rg-vidrio);
  border-color: var(--rg-vidrio-borde);
  color: var(--rg-texto-inicio);
}

/* ── Contraseña (pantalla de entrada) ── */
#loginOverlay p { color: var(--rg-texto-inicio-suave) !important; }
#loginOverlay img { filter: var(--rg-sombra-logo) !important; }
#loginPwd {
  border: 1px solid var(--rg-vidrio-borde);
  background: var(--rg-vidrio);
  color: var(--rg-texto-inicio);
  -webkit-text-fill-color: var(--rg-texto-inicio);
  box-shadow: var(--rg-sombra-inicio);
}
#loginPwd::placeholder { color: rgba(94,69,21,0.55); }
#loginPwd:focus {
  background: var(--rg-vidrio-foco);
  border-color: rgba(94,69,21,0.5);
}
#loginPwd:-webkit-autofill,
#loginPwd:-webkit-autofill:hover,
#loginPwd:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f6ead0 inset !important;
  -webkit-text-fill-color: var(--rg-texto-inicio) !important;
  caret-color: var(--rg-texto-inicio);
}

/* ── Pantalla del buscador (admin) ── */
.hero-welcome-text img { filter: var(--rg-sombra-logo) !important; }
.hero-welcome-text p { color: var(--rg-texto-inicio-suave) !important; }
.main-input:focus { box-shadow: 0 0 0 3px rgba(160,122,50,0.15); }