/* Nikolas · tokens sobre el sistema de habitaciones (/casa/marca.css).
   Cacao oscuro y cobre, los colores que ya tenía la marca. */
:root{
  --room-bg:#0d0908;--room-surface:#160f0c;--room-ink:#eee5d9;--room-muted:#c2ada0;
  --room-line:#3d2c25;--room-accent:#c49a7f;--room-light-ink:#2a1b16;--room-light-muted:#76605a
}
.rm-piece[data-variety='mani']{--piece-accent:#b54a6c}
.rm-piece[data-variety='uva-pasa']{--piece-accent:#8a5cc0}
.rm-piece[data-variety='almendra']{--piece-accent:#c49a7f}

/* Patrón de arlequín de los estuches, dibujado en CSS con el color de cada variedad. */
.harlequin{position:relative;display:grid;place-items:center;background:#120c0a}
.harlequin::before{content:'';position:absolute;inset:-60%;background:repeating-conic-gradient(var(--piece-accent) 0 25%,#140d0b 0 50%) 0 0/56px 56px;transform:scaleY(1.7) rotate(45deg);opacity:.86;transition:transform 1.2s var(--ease)}
.rm-piece:hover .harlequin::before{transform:scaleY(1.7) rotate(45deg) scale(1.06)}
.harlequin{box-shadow:inset 0 0 60px #000a}
.harlequin::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 70px 10px #0d0908cc;pointer-events:none}
.harlequin img{position:relative;z-index:1;width:56%;padding:12px 26px;background:#0d0908;border-radius:10px;box-shadow:0 0 0 1px #c49a7f80,0 10px 30px #000c}
@media(max-width:960px){.harlequin::before{background-size:30px 30px}.harlequin img{width:88%;padding:6px 8px}}

/* Nikolas: teatral y nocturno. Arlequín más grande y más bajo de tono, filetes cobre. */
.harlequin::before{background-size:96px 96px;opacity:.5}
.harlequin img{background:#0d0908ee;box-shadow:0 0 0 1px #c49a7f99}
.rm-piece:has(input:checked) .harlequin::before{opacity:.85}
.rm-hero-photo{padding:14px;border:1px solid #c49a7f40}
@media(max-width:960px){.harlequin::before{background-size:44px 44px}}
/* Nikolas es angular (rombos, estuches, tarjetas rectas): sus botones también. El brillo naranja se queda. */
.rm-button{border-radius:2px}
.rm-qty button{border-radius:2px}
.rm-piece-count{border-radius:2px}