/* Tema manugame (hi.manu.game): el dúo del avatar de manu.game, rojo #ED022D y
   tinta negra, letra del sistema en negrita y esquinas rectas como los píxeles.
   Se carga DESPUÉS de style.css y sólo cambia tokens y acabados: la retícula es
   la misma que la de Sensa. */
:root {
  --red: #ED022D;
  --ink: #000;
  --divider: rgba(0, 0, 0, 0.26);
  --dim: rgba(0, 0, 0, 0.78);
  --dimmer: rgba(0, 0, 0, 0.58);
  --field: rgba(0, 0, 0, 0.08);
  --ok: #000;
  --bad: #000;
}
html, body { background: var(--red); }
body {
  color: var(--ink);
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight: 500;
}
p { color: var(--dim); }
a, .link, .tab:hover, .tab[aria-selected='true'], .type:hover, .type[aria-pressed='true'],
.empty__t, .done__when, .done__meet, .cal__arrow:hover:not(:disabled) { color: var(--ink); }
.link:hover, .tab[aria-selected='true'] { border-bottom-color: var(--ink); }
h1 { font-weight: 800; letter-spacing: -0.035em; }
h2, .done h2 { font-weight: 800; }
.mark { color: var(--ink); font-weight: 800; font-size: 17px; opacity: 1; margin-bottom: 40px; letter-spacing: -0.02em; }
.mark__av { width: 48px; height: 48px; }
.eyebrow { font-weight: 700; }
.type { color: var(--dim); }
.type strong, .type[aria-pressed='true'] strong { font-weight: 800; }
.day { color: rgba(0, 0, 0, 0.25); font-weight: 600; }
.day--free { color: var(--ink); }
.day--free:hover { background: rgba(0, 0, 0, 0.12); }
.day, .day--free:hover { border-radius: 0; }
.day--free[aria-pressed='true'], .hour[aria-pressed='true'], .dur[aria-checked='true'] {
  background: var(--ink); color: var(--red); border-color: var(--ink); font-weight: 800; border-radius: 0;
}
/* Botones de píxel: esquinas rectas, como el avatar. */
.hour, .dur, .ghost, button.primary { border-radius: 0; }
.hour, .dur, .ghost { color: var(--ink); font-weight: 600; }
.hour:hover, .dur:hover, .ghost:hover { border-color: var(--ink); }
button.primary { background: var(--ink); color: var(--red); font-weight: 800; }
input, textarea, select { color: var(--ink); font-weight: 500; }
input:focus, textarea:focus, select:focus { border-bottom-color: var(--ink); }
input:hover, textarea:hover, select:hover { border-bottom-color: var(--dim); }
input::placeholder, textarea::placeholder { color: rgba(0, 0, 0, 0.38); }
select option { background: #fff; color: #000; }
.notice--bad, .notice--ok { background: rgba(0, 0, 0, 0.10); border-radius: 0; }
.done__mark { color: var(--ink); }
.langs__b { color: var(--dimmer); font-weight: 700; }
.langs__b[aria-pressed='true'] { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
::selection { background: #000; color: var(--red); }