:root {
  /* 🎨 Primary palette */
  --color-dark-blue: #003C72;   /* Glavna plava */
  --color-orange-red: #F2562E;  /* Akcent (A) */
  --color-navy: #03153A;        /* Tamna kontrastna */
  --color-white: #FFFFFF;       /* Bela */

  /* 🖌️ Usage suggestions */
  --color-primary: var(--color-dark-blue);   /* Naslovi, linkovi */
  --color-secondary: var(--color-orange-red);/* CTA dugmad, akcije */
  --color-accent: var(--color-navy);         /* Isticanje blokova, hover */
  --color-bg: var(--color-white);            /* Glavna pozadina */
  --color-text: var(--color-navy);           /* Osnovni tekst */
  --color-muted: rgba(0, 60, 114, 0.1);      /* Pozadine sekcija */
}

/* Primer osnovnog korišćenja */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-primary);
}

a {
  color: var(--color-primary);
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: var(--color-secondary);
}

.btn-ld {
  background-color: var(--color-secondary);
  color: var(--color-white);
  border: none;
}

.btn-ld:hover {
  background-color: var(--color-primary);
}

.section-highlight {
  background-color: var(--color-muted);
}