/* Stilul comun al site-ului (18 octombrie 2026). Se incarca ULTIMUL in fiecare pagina,
   deci culorile si fonturile de aici castiga peste ce are pagina in blocurile ei.
   Paleta vine din subiect: tabla de scris (ardezie), creta alba si creta galbena.
   Titluri in Newsreader, text in IBM Plex Sans, IBM Plex Mono doar pentru cod si cifre de tabel.
   Fara etichete cu majuscule, fara un cuvant colorat in titlu, fara carduri cu umbre. */
:root, :root[data-theme="dark"], :root:not([data-theme="light"]){
  color-scheme:dark;
  --slate:#1c2226; --slate-2:#222a2f; --slate-3:#2a3338; --line-c:#364047;
  --chalk:#ecebe4; --chalk-2:#b0b6b4; --chalk-3:#8d9592; --yellow:#e3c46a;

  /* numele folosite de pagina principala */
  --paper:var(--slate); --ink:var(--chalk); --muted:var(--chalk-2); --faint:var(--chalk-3);
  --rule:var(--line-c); --link:var(--yellow); --line:#4a555c;
  /* numele folosite de celelalte pagini */
  --bg:var(--slate); --tint:var(--slate-2); --card:var(--slate-3); --accent:var(--yellow); --accent-ink:var(--slate);

  --serif:"Newsreader", Georgia, "Times New Roman", serif;
  --sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --body:var(--sans);
  --mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;
}
html{background:var(--slate)}
body{background:var(--slate);color:var(--chalk);font-family:var(--sans)}
h1,h2,h3{font-family:var(--serif)}
a{color:var(--yellow)}
::selection{background:rgba(227,196,106,.28)}
:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}

/* etichetele mici: text normal, nu majuscule rarite in monospace */
.mono{font-family:var(--sans);font-size:14px;letter-spacing:0;text-transform:none;font-style:normal;color:var(--chalk-3)}
.logo{font-family:var(--serif);font-weight:400;letter-spacing:0;font-size:18px;color:var(--chalk);text-decoration:none}
th{text-transform:none;letter-spacing:0}
h1 em,h2 em{color:inherit}

/* butoane: dreptunghiuri sobre; cel principal in creta galbena */
.btn{font-family:var(--sans);border-radius:4px}
.btn.pri{background:var(--yellow);border-color:var(--yellow);color:var(--slate)}
