/* Ivora — dizajn tokeni (boje, tipografija, razmaci, sjene) */
:root {
  /* Brand */
  --brand:        #de0112;
  --brand-600:    #c8171c;
  --brand-700:    #a50f16;
  --brand-tint:   #fde8e9;
  --brand-tint-2: #fbd5d7;

  /* Neutralno */
  --ink:      #14161a;   /* glavni tekst */
  --ink-2:    #3d434d;   /* sekundarni */
  --muted:    #6b7280;   /* prigušeni */
  --line:     #e7e9ee;   /* linije/rubovi */
  --line-2:   #f0f2f6;
  --bg:       #ffffff;
  --bg-soft:  #f7f8fb;   /* mekana pozadina sekcije */
  --bg-dark:  #14161a;   /* tamne sekcije/footer */
  --bg-dark-2:#1c1f26;
  --white:    #ffffff;

  /* Tipografija */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-xs:   .8125rem;
  --fs-sm:   .9375rem;
  --fs-base: 1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.375rem;
  --fs-2xl:  1.75rem;
  --fs-3xl:  2.25rem;
  --fs-4xl:  3rem;
  --fs-hero: clamp(2.1rem, 5vw, 3.75rem);

  /* Razmaci */
  --sp-1: .25rem;  --sp-2: .5rem;  --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;   --sp-8: 3rem;    --sp-10: 4rem;
  --sp-12: 6rem;

  /* Radiusi */
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 20px;  --r-xl: 28px;  --r-pill: 999px;

  /* Sjene */
  --sh-sm: 0 1px 2px rgba(20,22,26,.06), 0 1px 3px rgba(20,22,26,.05);
  --sh-md: 0 6px 16px rgba(20,22,26,.08), 0 2px 6px rgba(20,22,26,.05);
  --sh-lg: 0 18px 40px rgba(20,22,26,.12), 0 6px 14px rgba(20,22,26,.07);
  --sh-brand: 0 10px 26px rgba(222,1,18,.28);

  /* Layout */
  --maxw: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 76px;

  --ease: cubic-bezier(.2, .7, .3, 1);
}