/* SOLVITAL — design tokens v1.0 (02.09.2026). Sursa: brand/BRANDBOOK-SOLVITAL.html */
@font-face{font-family:"Archivo";src:url("fonts/archivo.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{
  /* marcă */
  --sv-soare:#F59B00;        /* REZERVAT inelului din siglă + CTA principal */
  --sv-soare-hover:#D88900;
  --sv-negru:#111111;        /* titluri, logotip */
  --sv-antracit:#303235;     /* text de corp */
  --sv-gri:#565A5E;          /* text secundar, 6,95:1 pe alb */
  --sv-bordura:#E8E3D9;
  --sv-fundal-cald:#F7F4EE;  /* fundal de secțiune și de packshot */
  --sv-alb:#FFFFFF;

  /* cele 6 familii (bară de categorie; text alb pe toate, min 4,6:1) */
  --sv-vitamine:#B95B27;     /* teracotă · PANTONE 7580 C */
  --sv-minerale:#108440;     /* verde smarald · PANTONE 348 C */
  --sv-omega:#0C7377;        /* petrol · PANTONE 322 C */
  --sv-extracte:#6C3077;     /* violet de prune · PANTONE 668 C */
  --sv-bioactive:#882733;    /* vișiniu · PANTONE 202 C */
  --sv-formule:#225FA8;      /* bleumarin · PANTONE 300 C */

  /* tipografie: o singură familie */
  --sv-font:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sv-h1:clamp(32px,4vw,44px);
  --sv-h2:clamp(26px,3vw,32px);
  --sv-h3:22px;
  --sv-text:17px;
  --sv-mic:14px;
  --sv-eticheta:12px;        /* majuscule, letter-spacing .08em */
  --sv-interlinie:1.55;

  /* ritm */
  --sv-raza:6px; --sv-raza-card:10px;
  --sv-spatiu-1:8px; --sv-spatiu-2:16px; --sv-spatiu-3:24px; --sv-spatiu-4:40px; --sv-spatiu-5:64px;
  --sv-container:1200px;
}
body{font-family:var(--sv-font);font-size:var(--sv-text);line-height:var(--sv-interlinie);color:var(--sv-antracit);background:var(--sv-alb);font-variant-numeric:tabular-nums}
h1,h2,h3{color:var(--sv-negru);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:var(--sv-h1)} h2{font-size:var(--sv-h2)} h3{font-size:var(--sv-h3)}
.sv-btn{display:inline-block;background:var(--sv-soare);color:var(--sv-negru);font-weight:700;padding:14px 24px;border-radius:var(--sv-raza);text-decoration:none;border:0;cursor:pointer}
.sv-btn:hover{background:var(--sv-soare-hover)}
.sv-btn--secundar{background:transparent;color:var(--sv-negru);border:1.5px solid var(--sv-negru)}
.sv-eticheta{font-size:var(--sv-eticheta);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.sv-bara{color:#fff;padding:4px 12px;border-radius:3px}
.sv-bara--vitamine{background:var(--sv-vitamine)} .sv-bara--minerale{background:var(--sv-minerale)}
.sv-bara--omega{background:var(--sv-omega)} .sv-bara--extracte{background:var(--sv-extracte)}
.sv-bara--bioactive{background:var(--sv-bioactive)} .sv-bara--formule{background:var(--sv-formule)}
.sv-pret{font-weight:700;color:var(--sv-negru)} .sv-pret small{font-weight:500;color:var(--sv-gri);font-size:.8em}