/* PLAY-DOS · las tres pieles, una por tarjeta gráfica (D7, D20).
   body.tema-setup  pantalla de elección de tarjeta (neutra, como un programa de instalación)
   body.tema-cga    A · gris clásico (COMMAND.COM)
   body.tema-ega    B · azul de menús (EDIT.COM, Norton Commander)
   body.tema-herc   C · fósforo ámbar (monitor monocromo Hercules) */

/* ── SETUP y CGA · blanco brillante 21:1; el gris #AAAAAA (9:1) solo en lo decorativo ── */
body.tema-setup #pantalla, body.tema-cga #pantalla { background: #000; color: #fff; }
body.tema-setup .r-deco, body.tema-setup .r-bsombra, body.tema-setup .r-marco, body.tema-setup .r-marcotit,
body.tema-cga .r-deco, body.tema-cga .r-bsombra, body.tema-cga .r-marco, body.tema-cga .r-marcotit { color: #aaa; }
body.tema-setup .r-sel, body.tema-setup .r-key, body.tema-setup .r-head, body.tema-setup .r-barra,
body.tema-cga .r-sel, body.tema-cga .r-key, body.tema-cga .r-head, body.tema-cga .r-barra { color: #000; background: #fff; }

/* ── EGA · sobre #0000AA solo blanco (13,3:1) o amarillo (12,5:1); barras en negro sobre cian brillante (17,1:1) ── */
body.tema-ega #pantalla { background: #0000aa; color: #fff; }
body.tema-ega .r-title, body.tema-ega .r-banner, body.tema-ega .r-cmd, body.tema-ega .r-dir,
body.tema-ega .r-err, body.tema-ega .r-link, body.tema-ega .r-tag, body.tema-ega .r-vu { color: #ffff55; }
body.tema-ega .r-deco, body.tema-ega .r-bsombra, body.tema-ega .r-marco { color: #55ffff; }
body.tema-ega .r-marcotit { color: #fff; }
body.tema-ega .r-sel, body.tema-ega .r-head, body.tema-ega .r-barra, body.tema-ega .r-leg { color: #000; background: #55ffff; }
body.tema-ega .r-key { color: #fff; background: #000; }
body.tema-ega .r-legfill, body.tema-ega .r-sombra { background: #000; }
body.tema-ega .r-dlg { color: #000; background: #fff; }
body.tema-ega .r-dlgsel { color: #fff; background: #000; }

/* ── HERCULES · todo en #FFC040 sobre #0B0700 (12,3:1). Barrido, viñeta y brillo van DETRÁS del texto (R9) ── */
body.tema-herc { background: #141210; }
body.tema-herc .monitor {
  padding: 22px;
  border-radius: 34px;
  background: linear-gradient(160deg, #2a2620, #16130f);
  box-shadow: 0 0 0 2px #050403, 0 30px 80px rgba(0, 0, 0, .7), inset 0 2px 3px rgba(255, 255, 255, .06);
}
body.tema-herc .cristal {
  padding: calc(12px * var(--n)) calc(16px * var(--n));
  border-radius: calc(22px * var(--n)) / calc(26px * var(--n));
  background:
    radial-gradient(ellipse at 50% 45%, rgba(255, 176, 32, .07) 0%, rgba(255, 176, 32, 0) 60%),
    radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, .55) 100%),
    repeating-linear-gradient(to bottom, rgba(255, 190, 70, .045) 0, rgba(255, 190, 70, .045) calc(1px * var(--n)), rgba(0, 0, 0, 0) calc(1px * var(--n)), rgba(0, 0, 0, 0) calc(2px * var(--n))),
    #0b0700;
  box-shadow: inset 0 0 calc(30px * var(--n)) rgba(0, 0, 0, .85), inset 0 0 calc(4px * var(--n)) rgba(255, 192, 64, .15);
}
body.tema-herc #pantalla { color: #ffc040; text-shadow: 0 0 calc(2px * var(--n)) rgba(255, 192, 64, .55), 0 0 calc(7px * var(--n)) rgba(255, 160, 0, .28); }
body.tema-herc .r-deco, body.tema-herc .r-bsombra, body.tema-herc .r-marco { color: #c98a1c; }
body.tema-herc .r-sel, body.tema-herc .r-key, body.tema-herc .r-head, body.tema-herc .r-barra {
  color: #0b0700; background: #ffc040; text-shadow: none; box-shadow: 0 0 calc(6px * var(--n)) rgba(255, 176, 32, .35);
}