/* carlosamores.com — tema claro / oscuro
   Oscuro es el original. Claro: mismo rojo de marca, grafito como texto. */
:root{
  color-scheme:dark;
  --nav-bg:rgba(19,21,25,.92);
  --hover:rgba(255,255,255,.06);
  --err:#FF8A8A;
  --ok:#3CCB7F;
  --text-body:#E4E6EA;
  --glow:rgba(178,24,27,.24);
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F4F5F7; --surface:#FFFFFF; --surface-2:#EEF0F3; --surface-3:#DCE0E6;
  --line:rgba(20,22,26,.10); --line-2:rgba(20,22,26,.20);
  --text:#14161A; --text-2:#4A515C; --text-3:#626A76;
  --red:#B2181B; --red-2:#961916; --red-soft:rgba(178,24,27,.12); --red-text:#B2181B;
  --nav-bg:rgba(244,245,247,.92); --hover:rgba(20,22,26,.05);
  --err:#B2181B; --ok:#1E8A4C; --text-body:#262A30; --glow:rgba(178,24,27,.12);
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    color-scheme:light;
    --bg:#F4F5F7; --surface:#FFFFFF; --surface-2:#EEF0F3; --surface-3:#DCE0E6;
    --line:rgba(20,22,26,.10); --line-2:rgba(20,22,26,.20);
    --text:#14161A; --text-2:#4A515C; --text-3:#626A76;
    --red:#B2181B; --red-2:#961916; --red-soft:rgba(178,24,27,.12); --red-text:#B2181B;
    --nav-bg:rgba(244,245,247,.92); --hover:rgba(20,22,26,.05);
    --err:#B2181B; --ok:#1E8A4C; --text-body:#262A30; --glow:rgba(178,24,27,.12);
  }
}

/* Logos: versión clara sobre oscuro, original sobre claro */
.lg-l{display:none !important}
:root[data-theme="light"] .lg-d{display:none !important}
:root[data-theme="light"] .lg-l{display:block !important}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .lg-d{display:none !important}
  :root:not([data-theme="dark"]) .lg-l{display:block !important}
}

/* Botón de tema: en oscuro muestra el sol (pasar a claro); en claro, la luna */
.tema{display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:44px; height:44px; border-radius:999px; border:1px solid var(--line-2);
  background:transparent; color:var(--text); cursor:pointer; padding:0;
  transition:background-color .2s, border-color .2s}
.tema:hover{background:var(--hover); border-color:var(--text-3)}
.tema svg{width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.tema .ic-luna{display:none}
:root[data-theme="light"] .tema .ic-sol{display:none}
:root[data-theme="light"] .tema .ic-luna{display:block}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .tema .ic-sol{display:none}
  :root:not([data-theme="dark"]) .tema .ic-luna{display:block}
}
.nav-end{display:flex; align-items:center; gap:12px}
@media (max-width:520px){ .nav-end .btn{display:none} }