/* ===================== v6: palete de culori selectabile ===================== */
/* Noapte · verde (implicit): verdele din logo pe negru cald */
:root{
  --bg:#0d0c0a;--bg-rgb:13 12 10;--bg2:#15130f;--bg2-rgb:21 19 15;--bg3:#1d1a15;
  --ink:#efe7da;--mute:#b7ae9f;--dim:#a39b8d;
  --line:rgba(239,231,218,.11);--line2:rgba(239,231,218,.22);
  --lime:#c3d93b;--lime2:#9fb52a;--lime-rgb:195 217 59;--lime-ink:#c3d93b;
  --paper:#ebe4d6;--paper2:#ddd4c3;--scroll:#3b382f;
  --map-filter:grayscale(1) invert(.9) contrast(.9) sepia(.2);
}
/* Zi · hârtie: fundal deschis, cald, pentru cine preferă lumina */
:root[data-theme=zi]{
  --bg:#f2eee5;--bg-rgb:242 238 229;--bg2:#fbf9f4;--bg2-rgb:251 249 244;--bg3:#e9e3d6;
  --ink:#1d1b17;--mute:#4f4a41;--dim:#655e52;
  --line:rgba(29,27,23,.12);--line2:rgba(29,27,23,.26);
  --lime:#c3d93b;--lime2:#8ea21c;--lime-rgb:195 217 59;--lime-ink:#4a6406;
  --paper:#ffffff;--paper2:#f1ece2;--scroll:#cfc7b6;
  --map-filter:grayscale(.4) sepia(.15);
  color-scheme:light;
}
/* Pădure: verdele copacului din logo, întunecat */
:root[data-theme=padure]{
  --bg:#0e1b14;--bg-rgb:14 27 20;--bg2:#142519;--bg2-rgb:20 37 25;--bg3:#1b3122;
  --ink:#edf0e3;--mute:#bcc5b1;--dim:#9eaa92;
  --line:rgba(237,240,227,.11);--line2:rgba(237,240,227,.22);
  --lime:#d4e157;--lime2:#a9b83a;--lime-rgb:212 225 87;--lime-ink:#d4e157;
  --paper:#ebe7d8;--paper2:#dcd6c2;--scroll:#2c4433;
  --map-filter:grayscale(1) invert(.88) contrast(.9) sepia(.3) hue-rotate(40deg);
}
/* Grafit · portocaliu: atelier, culoarea uneltelor */
:root[data-theme=grafit]{
  --bg:#111315;--bg-rgb:17 19 21;--bg2:#191c1f;--bg2-rgb:25 28 31;--bg3:#22262a;
  --ink:#ecebe7;--mute:#b6b4ad;--dim:#9a988f;
  --line:rgba(236,235,231,.1);--line2:rgba(236,235,231,.22);
  --lime:#ff8a2a;--lime2:#d96e14;--lime-rgb:255 138 42;--lime-ink:#ff9d4d;
  --paper:#e9e7e2;--paper2:#d8d5ce;--scroll:#33383d;
  --map-filter:grayscale(1) invert(.9) contrast(.9);
}
/* Beton · galben: deschis, rece, industrial */
:root[data-theme=beton]{
  --bg:#e8eaea;--bg-rgb:232 234 234;--bg2:#f6f7f7;--bg2-rgb:246 247 247;--bg3:#dde0e0;
  --ink:#15191b;--mute:#41484c;--dim:#596166;
  --line:rgba(21,25,27,.12);--line2:rgba(21,25,27,.26);
  --lime:#ffbf1f;--lime2:#e0a200;--lime-rgb:255 191 31;--lime-ink:#7d5400;
  --paper:#ffffff;--paper2:#eef0f0;--scroll:#c3c8ca;
  --map-filter:grayscale(1);
  color-scheme:light;
}
/* Nuc & alamă: lemn închis cu feronerie aurie */
:root[data-theme=nuc]{
  --bg:#17110c;--bg-rgb:23 17 12;--bg2:#201810;--bg2-rgb:32 24 16;--bg3:#2a2016;
  --ink:#f1e6d6;--mute:#c8b8a2;--dim:#ab9a83;
  --line:rgba(241,230,214,.11);--line2:rgba(241,230,214,.22);
  --lime:#d9a65b;--lime2:#b8873f;--lime-rgb:217 166 91;--lime-ink:#e3b46e;
  --paper:#efe4d2;--paper2:#e0d2bc;--scroll:#3d2f22;
  --map-filter:grayscale(1) invert(.9) contrast(.9) sepia(.5);
}
html{background:var(--bg);scrollbar-color:var(--lime2) var(--bg)}
body{background:var(--bg);color:var(--ink);transition:background-color .3s,color .3s}
.slide{background:var(--bg)}
.dim{color:var(--lime-ink)}
.sw.sel{outline-color:var(--lime-ink)}
:root[data-theme=zi] .grid-bg,:root[data-theme=beton] .grid-bg{opacity:.7}
:root[data-theme=zi] .btn,:root[data-theme=beton] .btn{box-shadow:5px 5px 0 var(--ink)}
:root[data-theme=zi] .btn.ghost,:root[data-theme=beton] .btn.ghost{box-shadow:5px 5px 0 rgb(var(--lime-rgb) / .55)}
:root[data-theme=zi] .demo-pop,:root[data-theme=beton] .demo-pop,:root[data-theme=zi] .veil,:root[data-theme=beton] .veil{background:rgba(20,20,20,.45)}

/* selectorul de palete */
.palbtn svg{color:var(--lime-ink)}
.pal-nav{display:none}
.pal{position:fixed;z-index:110;top:78px;right:var(--gut);width:340px;max-width:calc(100vw - 32px);background:var(--bg2);border:1px solid var(--line2);box-shadow:0 30px 60px rgba(0,0,0,.35);padding:16px;display:none}
.pal.on{display:block}
.pal h4{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime-ink);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.pal h4 button{font:500 20px var(--body);color:var(--mute);line-height:1}
.pal-list{display:grid;gap:6px}
.pal-list button{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;text-align:left;padding:10px;border:1.5px solid var(--line);transition:border-color .2s}
.pal-list button:hover{border-color:var(--line2)}
.pal-list button.on{border-color:var(--lime-ink)}
.pal-list .dots{display:flex;height:30px;border:1px solid var(--line2)}
.pal-list .dots i{flex:1}
.pal-list b{font:600 15px var(--body);display:block}
.pal-list small{font-size:12.5px;color:var(--mute);line-height:1.35;display:block}
@media (max-width:900px){
  .palbtn{display:none}
  .nav.open .pal-nav{display:block;color:var(--lime-ink)}
  .pal{top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;border-width:1px 0 0;padding:16px 16px 22px}
}
@media print{.pal,.palbtn{display:none!important}}