/* Dizajn tokeni - izvuceni iz Pragma PDF-ova (okvir 1512px).
   1rem = 16px na 1512. Iznad 1512 fiksno, 1024-1511 proporcionalno skalirano. */
:root {
  /* --- Boje --- */
  --c-bg:            #0b0a0a;   /* pozadina stranice */
  --c-accent:        #009dc9;   /* naslovi, kartice, linkovi */
  --c-btn:           #169dc9;   /* dugmad */
  /* Hover dugmadi i kartica „Domande" (M04, Pragma 30. 9. 2026: „the whole
     button changed color on hover" kao na V1). Boje su iz V1: pilula
     --c-primary-dark, kartica --c-light-blue / --c-primary-alt. Polja u
     Impostazioni Smile › Colori del sito ih prepisuju na :root. */
  --c-btn-hover:     #0b353c;
  --c-btn-hover-fg:  #ffffff;
  --qcard-hover-bg:  #d1eaf0;
  --qcard-hover-fg:  #169dc9;
  --c-white:         #ffffff;
  --c-black:         #000000;
  --c-grey-field:    #f9f9f9;   /* ispuna polja forme */
  --c-placeholder:   #666666;
  --c-tile:          #1f1c1b;   /* KPI plocice */
  --c-ellipse:       #001010;   /* elipsa iza menija */
  --c-green:         #36c36e;   /* No Bone cijena */
  --c-line:          rgba(255,255,255,.5);
  --c-field-border:  #c8c7cc;   /* potez oko polja forme, iz PDF-a */
  /* Stavke glavnog menija: u PDF-u bijele uz ExtGState /G56 s /ca .6784.
     Drzi se prozirnost, a ne izracunati #afafaf, jer meni stoji i nad
     fotografijom heroja gdje se mora stopiti s onim sto je ispod. */
  --c-nav:           rgba(255,255,255,.6784);

  /* --- Gradijenti --- */
  --grad-card:    linear-gradient(90deg, #1e1c1b 0%, #0d0d0d 100%);
  --grad-teal:    linear-gradient(90deg, #0c0d0d 0%, #083544 100%);
  --grad-chip:    linear-gradient(90deg, #0f1112 0%, #00323c 100%);

  /* --- Tipografija --- */
  --font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fw-thin: 100; --fw-xlight: 200; --fw-light: 300; --fw-regular: 400;
  --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-black: 900;

  --fs-hero:      3.1875rem;  /* 51 */
  --fs-h1:        2.5rem;     /* 40 */
  --fs-h2:        2.375rem;   /* 38 */
  --fs-h2-form:   2.1875rem;  /* 35 */
  --fs-card-lg:   1.5625rem;  /* 25 */
  --fs-sub:       1.5rem;     /* 24 */
  --fs-card:      1.375rem;   /* 22 */
  --fs-lead:      1.25rem;    /* 20 */
  --fs-label:     1rem;       /* 16 */
  --fs-nav:       0.9375rem;  /* 15 */
  --fs-body:      0.875rem;   /* 14 */
  --fs-legal:     0.8125rem;  /* 13 */
  --fs-consent:   0.5rem;     /* 8  - tekst privole, 1:1 iz PDF-a */
  --fs-num:       5rem;       /* 80 - brojevi koraka */
  --fs-price:     7rem;       /* 112 - cijena No Bone */

  --lh-body: 1.571;    /* 22/14 */
  --lh-head: 0.947;    /* 36/38 */

  /* --- Mjere i grid --- */
  --w-frame:     94.5rem;   /* 1512 */
  --w-content:   80.375rem; /* 1286 */
  --w-narrow:    66.875rem; /* 1070 */
  --w-center:    53.375rem; /* 854  */
  --m-side:      7.0625rem; /* 113  */
  --gap-4col:    0.75rem;   /* 12   */
  --gap-3col:    0.625rem;  /* 10   */
  --gap-half:    1.5rem;    /* 24   */
  /* Najmanji vodoravni razmak TEKSTA između susjednih stupaca (Pragma,
     1. 10. 2026, „the paragraphs are too close together"). Pravila su na
     kraju kolone.css, samo ≥ 1024. Povratak na PDF: oba praga na 0rem (s
     jedinicom: bezjedinična 0 u calc() s rem je nevaljan izraz) i
     --kol-prelom na wrap. */
  --kol-min:        1.5rem;   /* 24 — tekst stupca */
  --kol-min-naslov: 1.25rem;  /* 20 — naslov stupca (s 24 naslov koraka 2 na
                                 Invisalignu pada u tri reda, „con" sam) */
  --kol-prelom:     pretty;   /* text-wrap teksta koji dobije uvlaku: bez
                                 riječi same u redu; wrap = običan prelom */

  /* --- Radijusi --- */
  --r-sm: 0.25rem; --r-img: 0.5rem; --r-card: 0.625rem; --r-box: 0.75rem;
  --r-footer: 0.9375rem; --r-award: 1rem; --r-area: 1.625rem; --r-pill: 9999px;

  /* --- Dugmad --- */
  --btn-h:      2.6875rem;  /* 43 */
  --btn-h-sm:   2.25rem;    /* 36 */
  --btn-circle: 1.6875rem;  /* 27 */
  --btn-circle-sm: 1.375rem;/* 22 */

  /* --- Razmaci --- */
  --sp-8: .5rem; --sp-12: .75rem; --sp-16: 1rem; --sp-24: 1.5rem;
  --sp-32: 2rem; --sp-40: 2.5rem; --sp-48: 3rem; --sp-64: 4rem; --sp-80: 5rem;
}

/* Tablet: proporcionalno skaliranje desktop layouta */
@media (min-width: 1024px) and (max-width: 1511px) {
  html { font-size: calc(100vw / 1512 * 16); }
}
@media (min-width: 1512px) { html { font-size: 16px; } }

/* Mobilni tokeni (Mobile HP: okvir 430, margina 36) */
@media (max-width: 1023px) {
  :root {
    --m-side: 2.25rem;      /* 36 */
    --fs-hero: 2.3125rem;   /* 37 */
    --fs-h2: 1.875rem;      /* 30 */
    --fs-card-lg: 1.5625rem;/* 25 */
  }
}
/* Tamna pozadina na telefonu: Mobile HP je u SVIM tamnim sekcijama i u
   podnožju čista #000000 (uzorci na y 760, 2700, 3000, 4400, 7600, 9000,
   9500, 10300, 10700), a desktop PDF-ovi (10,9,9). Granica je 768, ne 1024:
   Mobile HP je okvir telefona (430); za tablet (768-1023) dizajna nema, pa
   ostaje boja desktopa. Isti token je i tamna boja teksta, koja je u
   mobilnom PDF-u također #000. */
@media (max-width: 767px) {
  :root { --c-bg: #000000; }
}