:root {
  /* Boje iz Figma dizajna */
  --ntp-dark-blue: #004e6e;
  --ntp-blue: #00aeef;
  --ntp-grey: #e6f7fd;
  --ntp-black: #001f2c;
  --ntp-white: #ffffff;
  --ntp-green-lum: #32ff8e;

  /* Izvedene / pomoćne boje (tonovi za hover, border, tekst) */
  --ntp-blue-dark: #0090c9; /* hover za primary dugme */
  --ntp-blue-medium: #32d9ff;
  --ntp-blue-darkest: #163e45;
  --ntp-text-body: #4a4a4a; /* sivi tekst paragrafa */
  --ntp-border: #d7e9ef; /* svetle linije/ivice */
  --ntp-overlay: rgba(0, 31, 44, 0.55);

  /* Tipografija */
  --ntp-font-base: "Roboto", Arial, Helvetica, sans-serif;

  --ntp-fs-h1: 2rem; /* 32px mobile */
  --ntp-fs-h2: 1.5rem; /* 24px mobile */
  --ntp-fs-h3: 1.125rem; /* 18px */
  --ntp-fs-body: 1rem; /* 16px */
  --ntp-fs-small: 0.875rem; /* 14px */
  --ntp-fs-eyebrow: 1rem; /* 13px */

  /* Spacing skala */
  --ntp-space-xs: 0.5rem;
  --ntp-space-sm: 1rem;
  --ntp-space-md: 1.5rem;
  --ntp-space-lg: 2.5rem;
  --ntp-space-xl: 4rem;

  /* Layout */
  --ntp-container-width: 1600px;
  --ntp-container-padding: 1.25rem;
  --ntp-radius-sm: 8px;
  --ntp-radius-md: 14px;
  --ntp-radius-pill: 999px;

  /* Senke */
  --ntp-shadow-card: 0 4px 20px rgba(0, 31, 44, 0.08);
  --ntp-shadow-card-hover: 0 10px 30px rgba(0, 31, 44, 0.14);

  /* Tranzicije */
  --ntp-transition: 0.25s ease;
}