/* Modo claro para las páginas de RSVP que tienen sus colores adentro (admin, invitados, envíos, mails, login, check-in).
   Pisa los mismos tokens de su :root. Se activa si se eligió claro (html[data-tema="claro"], ver comun/tema.js)
   o si el sistema está en claro y no se eligió oscuro. Planning y las páginas nuevas lo tienen en comun/css/base.css. */
:root { --accent: #16B4D7; --hover: #20303A; --accent-hover: #1297B5; color-scheme: dark; } /* celeste de marca */
@media (prefers-color-scheme: light) {
  :root:not([data-tema="oscuro"]) {
  --bg: #F4F7FA; --surface: #FFFFFF; --surface2: #EEF3F7;
  --border: rgba(10,40,60,0.12); --border2: rgba(20,120,170,0.28);
  --accent: #1190B0; --accent-hover: #0D7A96; --accent-dim: #0D7A96; --accent2: #0D7A96; --gold: #1478A3;
  --text: #0E1A22; --text2: #55646F; --text3: #8A98A3;
  --green: #1E9E57; --red: #D63A2B; --amber: #C77C05;
  --hover: #E3EDF4; color-scheme: light;
  }
}
:root[data-tema="claro"] {
  --bg: #F4F7FA; --surface: #FFFFFF; --surface2: #EEF3F7;
  --border: rgba(10,40,60,0.12); --border2: rgba(20,120,170,0.28);
  --accent: #1190B0; --accent-hover: #0D7A96; --accent-dim: #0D7A96; --accent2: #0D7A96; --gold: #1478A3;
  --text: #0E1A22; --text2: #55646F; --text3: #8A98A3;
  --green: #1E9E57; --red: #D63A2B; --amber: #C77C05;
  --hover: #E3EDF4; color-scheme: light;
}
.btn-tema { padding: 7px 9px !important; }
.btn-tema svg { width: 15px; height: 15px; }
.btn-tema-flotante { position: fixed; top: 14px; right: 14px; z-index: 50; background: var(--surface2); border: 1px solid var(--border2); color: var(--text); border-radius: 8px; cursor: pointer; display: inline-flex; }
a.btn { text-decoration: none; }