/* ============================================================
   HAINA COMUNA A SITE-ULUI · alegerea lui Robert, 21.08.2026
   „fă tot site-ul așa cum e ăsta … dar folosește fontul ăsta"
   = alb pe negru neutru + Cabinet Grotesk + fundalul viu.

   Se incarca DUPA <style>-ul fiecarei pagini, deci bate culorile
   calde scrise acolo. Asa haina se schimba INTR-UN SINGUR LOC —
   sapte pagini fiecare cu culorile ei ajung sa se desincronizeze.
   ============================================================ */

/* --- paleta: ivoriu cald pe negru cald, accent cupru ---
   ⚠️ SCHIMBATĂ PE 23.08.2026. Robert a văzut ecranul de intrare cu animație
   (`index-animat.html`), care mergea pe paleta caldă, și a spus că fontul și
   culoarea de acolo îi plac cel mai mult din tot ce s-a făcut, mai mult decât
   site-ul vechi. A cerut apoi „pune și restul site-ului pe culorile astea".
   Alb rece #f5f5f7 pe #0a0a0c cu alamă #b08d57 a ieșit din uz.
   Paleta veche, dacă o cere înapoi, e în git, la commitul de dinainte. */
:root {
  /* ⚠️ CULOAREA DE ACCENT STA INTR-UN SINGUR LOC: `--accent`.
     De aici se coloreaza VERO din marcaj, butoanele si cuvintele scoase in
     evidenta, pe TOATE paginile. Alb = fara culoare.
     Se incearca fara sa se schimbe nimic aici: pune `?probe=1` in adresa.
     ALES de Robert pe 23.08.2026: cuprul cald. */
  --accent:  #cf7550;

  /* numele vechi, din paginile interioare (space, desk, contact, …) */
  --black:   #120e0c;
  --black-2: #1a1512;
  --black-3: #221a15;
  --gold:    var(--accent);
  /* ⚠️ `--gold-2` e cuprul DESCHIS, cel de pe cuvântul scos în evidență
     („propriul") și pe hover. Egal cu `--accent`, evidențierea dispare în
     restul frazei pe fond închis. */
  --gold-2:  #e2a382;
  --text:    #ece4d8;
  --dim:     #ece4d8;
  --line:    rgba(236,228,216,.12);

  /* numele din ecranul de intrare de pana acum */
  --fnd:      #120e0c;
  --fnd2:     #1a1512;
  --panou:    #1a1512;
  --txt:      #ece4d8;
  --txt-rgb:  236,228,216;
  --acc:      var(--accent);
  --acc-rgb:  207,117,80;
  --acc2:     #e2a382;
  --scrim-rgb:18,14,12;
  --linie:    rgba(236,228,216,.12);
}

/* ============================================================
   SCRISUL · Cabinet Grotesk, GROS, absolut peste tot
   Cerut de Robert pe 22.08.2026: „pune fontul absolut peste tot și
   bolduiește-l, așa e cel mai frumos de citit și e satisfying.
   Inclusiv pe butoane și peste tot."

   ⚠️ De ce `!important`: fiecare pagina isi scrie singura greutatile
   (500, 600) pe selectoare mai tari decat un simplu `p` — de exemplu
   `.half p{font-weight:500}`. Fara `!important`, jumatate din site ar
   ramane subtire si nu s-ar vedea de ce. Aici e locul unde se schimba
   grosimea pentru TOT site-ul, deci merita.
   ============================================================ */
*, *::before, *::after {
  font-family:'Cabinet Grotesk', system-ui, sans-serif !important;
}
/* corp 700 */
body, p, li, a, span, div, td, th, label, small, em, figcaption, summary,
input, textarea, select, option, button, details, blockquote {
  font-weight:700 !important;
}
/* titluri, evidentieri si butoane 800 */
h1, h2, h3, h4, h5, strong, b, .hl, .go, .btn, .mono, .eyebrow, .kicker, .nr, .name {
  font-weight:800 !important;
}
/* Cabinet Grotesk nu are latimi variabile ca Archivo; lasate, literele ies
   inghesuite sau intinse aiurea */
* { font-variation-settings:normal !important; }

/* --- panza fundalului viu --- */
#panza-viu {
  position:fixed; inset:0; display:block;
  width:100%;
  /* ⚠️ INALTIME FIXA, nu `100%`. Pe telefon, `100%` se ia dupa fereastra de
     ACUM, iar fereastra creste si scade cu 60-120px de fiecare data cand se
     ascunde sau se intoarce bara de adresa la derulare — deci panza se
     remasura din mers si desenul se smucea (22.08.2026, spus de Robert).
     `svh` e inaltimea ferestrei CU bara de adresa la vedere: una singura,
     nemiscata, cat tine drumul in jos. Aleasa ea, si nu `vh` (= cu bara
     ascunsa), fiindca asa incadrarea de la INTRARE ramane exact cea aleasa;
     mai jos, unde panza oricum s-a stins, nu se vede nimic din diferenta. */
  height:100vh;        /* browserele vechi, care nu stiu `svh` */
  height:100svh;
  pointer-events:none;             /* nu fura clicurile de la butoane */
  transition:opacity .25s linear;
  /* ⚠️ z-index NEGATIV, nu 0. Asa panza sta deasupra fondului paginii dar sub
     TOT continutul, fara sa fie nevoie sa umblu la asezarea lui.
     Prima incercare a fost `body > *:not(#panza-viu){position:relative}` — si
     a stricat: bara de sus era LIPITA de ecran (`position:fixed`), regula a
     facut-o obisnuita, deci a intrat in rand si a impins TOATE paginile cu
     73px in jos. Prins comparand asezarea cu backupul, nu din citit codul. */
  z-index:-1;
}

/* --- bara de probat culoarea; apare DOAR cu `?probe=1`, niciodata pe site --- */
#bara-culori {
  position:fixed; left:0; right:0; bottom:0; z-index:9999;
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  padding:9px 13px; background:rgba(6,6,8,.96);
  border-top:1px solid rgba(236,228,216,.12); backdrop-filter:blur(14px);
  font-family:'Cabinet Grotesk',system-ui,sans-serif;
}
#bara-culori .et { font-size:10px; font-weight:800; letter-spacing:.18em;
  text-transform:uppercase; opacity:.45; margin-right:4px; color:#efece6; }
#bara-culori button {
  font-family:inherit; font-size:11.5px; font-weight:700; letter-spacing:.02em;
  padding:6px 11px 6px 8px; border-radius:2px; cursor:pointer;
  color:#efece6; background:transparent; border:1px solid rgba(236,228,216,.16);
  display:flex; align-items:center; gap:7px; transition:border-color .2s;
}
#bara-culori button:hover { border-color:rgba(236,228,216,.45); }
#bara-culori button.activ { border-color:#efece6; background:rgba(236,228,216,.10); }
#bara-culori button i { width:13px; height:13px; border-radius:50%; display:block;
  flex:none; box-shadow:inset 0 0 0 1px rgba(0,0,0,.4); }
#bara-culori .iesi { margin-left:auto; opacity:.6; }
/* cat timp se probeaza, subsolul lipit de jos nu sta sub bara */
body.se-probeaza .foot { bottom:52px; }