/* COPIE pentru /busola/ — înnoită pe 20.10.2026 din /opt/sanatate-portal/static/tema-sanatate.css
* (10.10.0.52), ca paginile de prezentare să arate ca portalul (`--p-*`, Geist, Instrument Serif).
* Regula de pe .52: aceeași copie peste tot. Dacă se schimbă acolo, se copiază și aici.
*/
/* tema-sanatate.css — o singură sursă pentru tot ce ține de sănătate.
*
* Extrasă pe 14.09.2026 din „Minunea Naturii — Ecosistem V3.1", macheta dată
* de Gabriel. Se folosește IDENTIC pe cabinet (10.10.0.52), pe portalul
* pacienților și pe paginile de abonament de pe minunea (10.10.0.20).
*
* Regula: culorile și fonturile se iau DE AICI, prin variabile. Nicio pagină
* nu scrie un `#hex` de mână — altfel, peste trei luni, cele trei locuri arată
* diferit și nimeni nu mai știe care e cel bun.
*
* FONTURILE SE SERVESC LOCAL, nu de la Google. Paginile astea sunt deschise de
* pacienți, iar un `` spre fonts.googleapis.com trimite IP-ul fiecărui
* pacient la Google de fiecare dată când își deschide dosarul medical. Fișierele
* `.woff2` se descarcă o dată și se pun lângă CSS.
*/
/* ── fonturi, servite local ─────────────────────────────────────────────── */
/* Fraunces — titluri. Karla — text curent.
*
* DOUA SUBSETURI PE FIECARE FATA, nu unul. Romana are nevoie de `latin-ext`:
* `ș` si `ț` cu virgula dedesubt sunt U+0218-021B, in afara subsetului `latin`.
* Cu un singur fisier `latin`, cuvinte ca „sanatate" sau „intrebari" ar fi iesit
* cu litere din alt font — nu s-ar fi vazut ca eroare, doar ca urat.
*
* `font-weight: 600 700` pe un singur fisier: amandoua sunt fonturi VARIABILE, iar
* Google intoarce ACELASI fisier pentru 600 si pentru 700 (verificat cu md5). Doua
* `@font-face` separate ar fi descarcat de doua ori acelasi octet.
*
* De ce local si nu de la Google: ``-ul se executa in browserul omului, deci
* trimite IP-ul fiecarui pacient la Google de fiecare data cand isi deschide dosarul.
* Fisierele s-au descarcat o data, pe 14.09.2026, din `css2` cu subseturile de mai jos.
*/
@font-face { font-family:'Fraunces'; font-style:normal; font-weight:600 700; font-display:swap;
src:url('fonturi/fraunces-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Fraunces'; font-style:normal; font-weight:600 700; font-display:swap;
src:url('fonturi/fraunces-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Fraunces'; font-style:italic; font-weight:600 700; font-display:swap;
src:url('fonturi/fraunces-italic-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Fraunces'; font-style:italic; font-weight:600 700; font-display:swap;
src:url('fonturi/fraunces-italic-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Karla'; font-style:normal; font-weight:400 700; font-display:swap;
src:url('fonturi/karla-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Karla'; font-style:normal; font-weight:400 700; font-display:swap;
src:url('fonturi/karla-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Karla'; font-style:italic; font-weight:400 700; font-display:swap;
src:url('fonturi/karla-italic-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Karla'; font-style:italic; font-weight:400 700; font-display:swap;
src:url('fonturi/karla-italic-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root {
/* ── culorile: paleta lui Adrian (06.10.2026, card #54) ─────────────────
`~/chestionar-referinta/paleta-adrian.txt` pe 10.10.0.52. ADN-ul:
Deep Green + Main Green + Sage + Warm White + Charcoal. Proporția cerută:
~70% alb / warm white, ~20% verde foarte pal, ~10% culori puternice.
Verdele = brand + progres; roșul = DOAR ce chiar cere atenție.
Numele vechi rămân (le citesc base.css, stil.css, theme.css): fiecare
primește culoarea paletei cu același sens. Fiecare culoare are o pereche
`-soft`, pentru fundal; perechea moale NU se folosește pentru text.
Brandul anca își păstrează culorile de dinainte: blocul
`[data-brand="anca"]` de mai jos. `data-brand` îl pune serverul pe
(portald din Host, cabinetd din `config.cabinet.branduri`).
*/
--fir: #221F1F; /* Charcoal — textul principal */
--titlu: #123F32; /* Deep Green — titluri, zone importante */
--bark: #66726C; /* Slate, cu o nuanță mai închis: trece 4.5:1 și pe Sage (Gabriel, 06.10) */
--mist: #FBFCF8; /* Warm White — fundalul paginii */
--card: #FFFFFF; /* Pure White — cardurile */
--line: #E2E9E4; /* Soft Border — borduri, separatoare */
--menta: #F0F8F4; /* Mint Mist — suprafețe subtile, zone AI/medicale */
/* Main Green #109748 dă 3.79:1 cu text alb și ca text pe alb. Gabriel,
06.10.2026: #0E8841 (4.55:1) pentru butoane cu text alb, linkuri și text
verde; #109748 rămâne doar unde nu e text peste (bare, dungi). */
--leaf: #0E8841; --leaf-soft: #EDF6DF; /* verdele de acțiune + Soft Sage */
--leaf-tare: #0C7036; /* hover, mai închis în aceeași proporție ca #0B7F3C */
--leaf-decor: #109748; /* Main Green: bare și dungi, fără text */
--pollen: #D99032; --pollen-soft: #FAF2E6; /* atenție */
--rose: #C94A4A; --rose-soft: #F9E9E9; /* alertă — doar probleme reale */
--blue: #367F95; --blue-soft: #E8F2F5; /* info / analize; #3D8FA8 dă 3.69:1 ca text */
--blue-decor: #3D8FA8; /* albastrul info din paletă: dungi, iconuri */
--plum: #7966A8; --plum-soft: #EFEDF5; /* AI / insight */
/* Funcționale, cu numele din paletă (aceleași culori ca mai sus). */
--succes: #96BE3E; /* Fresh Green — succes, accente secundare */
--realizare: #D6A83A; --realizare-soft: #FAF5E7; /* XP, insigne, milestones */
--info: var(--blue);
--insight: var(--plum);
--atentie: var(--pollen);
--alerta: var(--rose);
--link: var(--leaf);
/* Culorile de domeniu: iconuri, grafice, insigne, mici accente.
NU fundaluri mari. */
--dom-metabolism: #3D8FA8;
--dom-somn: #7966A8;
--dom-digestie: #63A878;
--dom-nutritie: #96BE3E;
--dom-cardiovascular: #C96A5A;
--dom-hormoni: #A56B91;
--dom-micronutrienti: #D6A83A;
--dom-miscare: #438B78;
--dom-longevity: #315E52;
/* Ce așteaptă o mișcare (mesaj necitit, „așteaptă răspuns", întrebare
sărită). Nu e o problemă: pe minunea e portocaliul de atenție, nu roșu. */
--de-facut: var(--pollen);
--de-facut-moale: var(--pollen-soft);
--pe-de-facut: var(--fir); /* textul pe --de-facut plin */
--de-facut-text: var(--fir); /* cifra colorată, pe alb */
/* Tonurile secțiunilor (`data-ton`: leaf, pollen, blue, plum, rose): ele
spun „unde ești", nu „e bine / e rău". Deci nu iau roșul și portocaliul
de alertă, ci culori din paletă care nu sperie. */
--ton-leaf: var(--leaf-decor); --ton-leaf-moale: var(--leaf-soft);
--ton-pollen: var(--realizare); --ton-pollen-moale: var(--realizare-soft);
--ton-blue: var(--blue-decor); --ton-blue-moale: var(--blue-soft);
--ton-plum: var(--plum); --ton-plum-moale: var(--plum-soft);
--ton-rose: #A56B91; --ton-rose-moale: #F4EDF2; /* hormoni, nu alertă */
/* Textul scris „în ton" (titlul secțiunii, eticheta): tonurile de mai sus
nu au contrast de text pe alb, deci titlul rămâne Deep Green. */
--ton-text: var(--titlu);
/* ── fonturi ────────────────────────────────────────────────────────── */
--font-titlu: 'Fraunces', Georgia, 'Times New Roman', serif;
--font-text: 'Karla', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
/* ── raze ───────────────────────────────────────────────────────────────
`--raza-frunza` e semnătura machetei: trei colțuri rotunde și unul ascuțit,
ca o frunză. Se folosește pe pastilele rotunde și pe numerele de pas.
Dacă dispare, pagina arată ca orice alt panou de administrare.
*/
--raza-mica: 10px;
--raza: 16px;
--raza-mare: 22px;
--raza-pila: 99px;
--raza-frunza: 50% 50% 50% 5px;
}
/* ── direcția nouă de grafică (05.10.2026, card #45) ─────────────────────
*
* Din exemplul primit de la Adrian (`~/chestionar-referinta/exemplu-adrian-
* dashboard.html` pe 10.10.0.52): fond verde-mentă foarte deschis, carduri
* albe cu colțuri mari și umbre foarte fine, verde închis ca brand, pasteluri
* pentru plăcuțele de iconițe, Inter ca font de interfață.
*
* Sunt variabile NOI, alături de cele de mai sus, nu în locul lor: ce nu le
* cere arată exact ca înainte. Primul ecran care le folosește e chestionarul
* din portal; celelalte ecrane trec pe ele pe rând, când sunt refăcute.
*/
@font-face { font-family:'Inter'; font-style:normal; font-weight:400 800; font-display:swap;
src:url('fonturi/inter-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400 800; font-display:swap;
src:url('fonturi/inter-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root {
--nou-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
/* Din #54 numele `--nou-*` iau culorile paletei lui Adrian, prin
variabilele de mai sus: un singur loc decide ce e „verde". */
--nou-cerneala: var(--titlu); /* Deep Green: titlul întrebării, textul formularului */
--nou-gri: var(--bark); /* Slate */
--nou-fond: var(--mist); /* Warm White */
--nou-card: var(--card);
--nou-linie: var(--line); /* Soft Border */
--nou-pista: var(--leaf-soft); /* pista goală a barelor: Sage */
--nou-brand: var(--leaf); /* Main Green: acțiune, bifă, progres */
--nou-brand-tare: var(--leaf-tare); /* hover #0B7F3C, și pe text mic */
--nou-brand-moale: var(--leaf-soft); /* fundalul a ce e ales: Sage */
--nou-bara: var(--leaf-decor); /* umplutura barelor și a cercului de progres */
/* Pastelurile plăcuțelor de iconițe: doar fundal, niciodată text. */
--nou-menta: var(--menta);
--nou-albastru: var(--blue-soft);
--nou-piersica: var(--pollen-soft);
--nou-mov: var(--plum-soft);
--nou-galben: var(--realizare-soft);
--nou-coral: var(--realizare); /* accentul de sărbătorit: auriul de achievement */
--nou-umbra: 0 10px 32px rgba(18, 63, 50, .06);
--nou-umbra-mica: 0 2px 8px rgba(18, 63, 50, .06);
--nou-raza: 20px;
--nou-raza-mica: 14px;
}
/* ── portalul nou (card #103, 13.10.2026) ─────────────────────────────────
* Din macheta lui Adrian „Platforma Dashboard Client v2": Geist pentru tot
* textul, Instrument Serif italic pentru accentele din titluri, fondul cald,
* verdele de pădure și lime-ul. Aceeași regulă ca mai sus: fonturile stau
* local (descărcate o dată, pe 13.10.2026, din `css2`, cu `latin` și
* `latin-ext`), iar culorile se iau numai de aici. Prefixul `--p-` le ține
* separate de paleta de până acum, pe care o folosesc în continuare cabinetul
* și paginile vechi. Geist e variabil: un fișier pe subset, 300–800.
*/
@font-face { font-family:'Geist'; font-style:normal; font-weight:300 800; font-display:swap;
src:url('fonturi/geist-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Geist'; font-style:normal; font-weight:300 800; font-display:swap;
src:url('fonturi/geist-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Instrument Serif'; font-style:italic; font-weight:400; font-display:swap;
src:url('fonturi/instrument-serif-italic-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Instrument Serif'; font-style:italic; font-weight:400; font-display:swap;
src:url('fonturi/instrument-serif-italic-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root {
--font-p: 'Geist', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
--font-p-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
--p-fond: #F3F2EC; /* fondul paginii, cald */
--p-hartie: #FFFFFC; /* cardurile */
--p-alb: #FFFFFF;
--p-tint: #F7F7F1; /* suprafețe în card */
--p-cerneala: #0F1A14; /* textul */
--p-cerneala-2: #3C4A42;
--p-gri: #6B776F;
--p-gri-2: #9AA59D;
--p-linie: rgba(15,26,20,.08);
--p-linie-2: rgba(15,26,20,.14);
--p-umbrit: rgba(15,26,20,.05);
--p-verde: var(--leaf-decor); /* #109748, verdele principal */
--p-verde-tare: #0B7A39;
--p-verde-text: #17663A;
--p-lime: #A6D14A;
--p-menta: #DCF2C8;
--p-menta-2: #EEF8E4;
--p-padure: #0B1A12; /* cardurile întunecate, butonul ales */
--p-padure-2: #12261B;
--p-pe-padure: #A9BBB0; /* textul șters pe pădure */
--p-pe-verde: #D2F0DC; /* textul șters pe verde */
--p-cyan: #0193B5; --p-cyan-moale: #DFF3F8;
--p-mov: #A22383; --p-mov-moale: #F6E4F0;
--p-portocaliu: #C76A0A; --p-portocaliu-moale: #FCEBD5;
--p-rosu: #C0392B; --p-rosu-moale: #FBE3DF;
/* Suplimentele recomandate (Adrian, 18.10.2026): chenarul cu produse din
„Planul meu" și sub-tabul lor, ales sau nu — diferă doar nuanța. */
--p-supl: #12706A; --p-supl-moale: #E3F2EF;
--p-supl-mediu: #C6E4DE;
--p-umbra: 0 1px 2px rgba(15,26,20,.04), 0 12px 32px -16px rgba(15,26,20,.18);
--p-umbra-tare: 0 20px 40px -12px rgba(0,0,0,.4);
}
/* ── brandul anca: culorile de dinainte de #54, neschimbate ──────────────
* Gabriel, 06.10.2026: paleta lui Adrian e pentru minunea; anca rămâne cum
* e. Aceleași valori ca înainte, plus variabilele noi legate de cele vechi,
* ca fiecare loc să arate exact ca înainte. `--ton-text: initial` lasă
* titlurile în tonul secțiunii, cum erau.
*/
[data-brand="anca"] {
/* Card #103: the new portal's names, on anca's palette. Anca keeps the old
page while on pause; these exist so no variable is ever undefined. */
--p-fond: var(--mist); --p-hartie: var(--card);
--p-alb: #FFFFFF; --p-tint: var(--menta);
--p-cerneala: var(--fir); --p-cerneala-2: var(--fir);
--p-gri: var(--bark); --p-gri-2: var(--bark);
--p-verde: var(--leaf); --p-verde-tare: var(--leaf-tare);
--p-verde-text: var(--leaf-tare); --p-lime: var(--leaf-soft);
--p-menta: var(--leaf-soft); --p-menta-2: var(--leaf-soft);
--p-padure: var(--fir); --p-padure-2: var(--fir);
--p-pe-padure: var(--leaf-soft); --p-pe-verde: var(--leaf-soft);
--p-cyan: var(--blue); --p-cyan-moale: var(--blue-soft);
--p-mov: var(--plum); --p-mov-moale: var(--plum-soft);
--p-portocaliu: var(--pollen); --p-portocaliu-moale: var(--pollen-soft);
--p-rosu: var(--rose); --p-rosu-moale: var(--rose-soft);
--p-supl: var(--blue); --p-supl-moale: var(--blue-soft);
--p-supl-mediu: var(--blue-soft);
--fir: #22382C;
--titlu: #22382C;
--bark: #5F594D;
--mist: #F2F5EE;
--card: #FFFFFF;
--line: #B9C9B2;
--menta: #EEF9F5;
--leaf: #6E8F6B; --leaf-soft: #DCE7D6;
--leaf-tare: #1F6F57;
--pollen: #C9972B; --pollen-soft: #F7EBCF;
--rose: #B87965; --rose-soft: #F3DED7;
--blue: #506C78; --blue-soft: #DDE9EC;
--plum: #6B4A5B; --plum-soft: #EDE2E8;
--link: var(--blue);
--de-facut: var(--rose);
--de-facut-moale: var(--rose-soft);
--pe-de-facut: var(--card);
--de-facut-text: var(--rose);
--ton-leaf: var(--leaf); --ton-leaf-moale: var(--leaf-soft);
--ton-pollen: var(--pollen); --ton-pollen-moale: var(--pollen-soft);
--ton-blue: var(--blue); --ton-blue-moale: var(--blue-soft);
--ton-plum: var(--plum); --ton-plum-moale: var(--plum-soft);
--ton-rose: var(--rose); --ton-rose-moale: var(--rose-soft);
--ton-text: initial;
--nou-cerneala: #15352B;
--nou-gri: #74847D;
--nou-fond: #F4F8F6;
--nou-card: #FFFFFF;
--nou-linie: #E0E9E4;
--nou-pista: #E8EFEB;
--nou-brand: #2F8F72;
--nou-brand-tare: #1F6F57;
--nou-brand-moale: #EAF6F1;
--nou-bara: #2F8F72;
--nou-menta: #EEF9F5;
--nou-albastru: #ECF4FC;
--nou-piersica: #FFF0E8;
--nou-mov: #F1ECFB;
--nou-galben: #FFF5D9;
--nou-coral: #FF836E;
--nou-umbra: 0 10px 32px rgba(24, 61, 48, .06);
--nou-umbra-mica: 0 2px 8px rgba(24, 61, 48, .06);
}
/* ── temelia ────────────────────────────────────────────────────────────── */
body {
background: var(--mist);
color: var(--fir);
font-family: var(--font-text);
font-size: 15px;
line-height: 1.55;
}
h1, h2, h3, .titlu {
font-family: var(--font-titlu);
font-weight: 600;
color: var(--titlu);
text-wrap: balance;
}
h1 { font-size: 27px; }
h2 { font-size: 26px; }
h3 { font-size: 18px; }
/* Macheta folosește italic pentru vocea omului — ce a scris pacientul, ce
spune farmacistul. Nu pentru accentuare oarecare. */
em, .voce { font-style: italic; }
a { color: var(--link); }
/* ── cutia ──────────────────────────────────────────────────────────────── */
.cutie {
background: var(--card);
border: 1px solid var(--line);
border-radius: var(--raza);
padding: 18px;
}
/* ── eticheta ───────────────────────────────────────────────────────────── */
.eticheta {
display: inline-block;
background: var(--pollen-soft);
color: var(--fir);
border-radius: var(--raza-pila);
padding: 4px 9px;
font-size: 12px;
font-weight: 700;
}
.eticheta.bine { background: var(--leaf-soft); }
.eticheta.oprit { background: var(--rose-soft); }
.eticheta.info { background: var(--blue-soft); }
.eticheta.analiza { background: var(--plum-soft); }
/* ── butonul ────────────────────────────────────────────────────────────── */
.buton {
background: var(--leaf-soft);
color: var(--fir);
border: 1px solid var(--leaf);
border-radius: var(--raza-mica);
padding: 9px 11px;
font-family: var(--font-text);
font-size: 13px;
font-weight: 700;
cursor: pointer;
}
.buton.principal { background: var(--leaf); color: var(--card); }
.buton:disabled { opacity: .55; cursor: default; }
/* ── semnul rotund, cu colțul de frunză ─────────────────────────────────── */
.semn {
width: 32px; height: 32px;
display: inline-flex; align-items: center; justify-content: center;
background: var(--leaf-soft);
border: 2px solid var(--leaf);
border-radius: var(--raza-frunza);
font-family: var(--font-titlu);
font-weight: 700;
}
/* ── text secundar ──────────────────────────────────────────────────────── */
.marunt { font-size: 13px; color: var(--bark); }
.sub { font-size: 14.5px; color: var(--bark); max-width: 74ch; }
/* ── tastatura ──────────────────────────────────────────────────────────── */
:focus-visible { outline: 2px solid var(--leaf); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
* { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}