/* =========================================================
   HELP-VIVO · DESIGN TOKENS (GLOBAL :root)
   - Uključi ovaj fajl PRVI (npr. tokens.css), pa ostale stilove
   - Pozadina sajta ostaje bela preko --app-bg
   ========================================================= */
html {
  scroll-behavior: smooth;
}


:root{
  /* ===== Osnovno ===== */
  --ff: 'Montserrat', sans-serif;
  --fs-base: 16px;

  /* Layout */
  --container-w: 90%;
  --container-max: 1440px;

  /* Radius */
  --radius-lg: 25px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  /* Efekti */
  --blur: 12px;
  --shadow: 0 20px 40px rgba(2,8,23,.18);

  /* ===== Boje (bela pozadina by default) ===== */
  --app-bg: #ffffff;
  --white: #ffffff;

  /* Tekst / neutral */
  --text: #0f172a;            /* glavni tekst */
  --text-weak: #475569;       /* slabiji tekst */
  --ink: #808797;             /* naslovni/supplementary akcenat */

  /* Skala neutralnih */
  --neutral-50:  #f8fafc;
  --neutral-100: #f2f4f7;
  --neutral-200: #e6e9ee;
  --neutral-600: #475569;

  /* Brand (PRIMARY) */
  --primary: #71BADA;
  --primary-hover: #69c7e6;
  --primary-contrast: #0e2a35;   /* tekst preko primary */
  --primary-ring1: #4ecbff;
  --primary-ring2: #007bbd;
  --accent-2: #30abaf;           /* sekundarni akcenat (nav) */

  /* Kartice / prstenovi */
  --card-bg:   #ffffff;
  --card-text: #0e2a35;
  --ring-soft: rgba(0,0,0,.06);

  /* Staklo (glass nav) */
  --glass:        rgba(255,255,255,.22);
  --glass-strong: rgba(255,255,255,.34);

  /* Overlays / CTA */
  --hover-solid: #0f2f48;

  /* How-it-works naglasci (fallback vrednosti) */
  --hiw-icon:    #0b3a55;
  --hiw-accent-1: var(--primary-ring1);
  --hiw-accent-2: var(--primary-ring2);

  /* Kategorije (kartice/profili) */
  --acc-med-1:  #8bd1ff;  --acc-med-2:  #2b86c5;
  --acc-care-1: #ffd3e1;  --acc-care-2: #ff85a1;
  --acc-phy-1:  #c7f1cf;  --acc-phy-2:  #4dbd78;
  --acc-home-1: #ffe9b8;  --acc-home-2: #f5b949;

  /* ===== Alias-i (kompatibilnost sa postojećim stilovima) ===== */
  /* iz nav fajla */
  --c-accent:     var(--primary);
  --c-accent-2:   var(--accent-2);
  --c-text:       var(--text);
  --c-text-weak:  var(--neutral-600);
  --c-white:      var(--white);

  /* iz pocetna fajla */
  --neutral-bg:       #e6e6e6;
  --neutral-bg-hover: #f5f7fa;
  --neutral-ring1:    #c6ccd3;
  --neutral-ring2:    #808797;
  --neutral-text:     #1f2937;

  --primary-bg:        var(--primary);
  --primary-bg-hover:  var(--primary-hover);
  --primary-text:      var(--primary-contrast);
}

/* Dark scheme (opciono – nav “glass” prilagođen) */
@media (prefers-color-scheme: dark){
  :root{
    --text: #0B1F3E;
    --text-weak: #94a3b8;
    --glass:        rgba(226,232,240,.18);
    --glass-strong: rgba(226,232,240,.28);
    /* zadržavamo belu pozadinu sajta po zahtevu; promeni ako nekad želiš dark bg */
    --app-bg: #ffffff;
  }
}