:root {

  /* Boje — brand */
  --color-primary:       #0A2E5C;
  --color-primary-mid:   #1A4E8C;
  --color-primary-light: #E8F0FA;

  --color-accent:        #C8171E;
  --color-accent-hover:  #A01018;
  --color-accent-light:  #FAE8E9;

  /* Neutralne */
  --color-gray-900: #111827;
  --color-gray-700: #374151;
  --color-gray-500: #6B7280;
  --color-gray-300: #D1D5DB;
  --color-gray-100: #F3F4F6;
  --color-white:    #FFFFFF;

  /* Semantičke */
  --color-text-primary:   var(--color-gray-900);
  --color-text-secondary: var(--color-gray-700);
  --color-text-muted:     var(--color-gray-500);
  --color-bg-page:        var(--color-white);
  --color-bg-subtle:      var(--color-gray-100);
  --color-border:         var(--color-gray-300);

  /* Fontovi */
  --font-heading: 'Outfit', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* Veličine teksta */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  /* Razmaci — 8px grid */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Layout */
  --container-max:    1200px;
  --container-narrow: 760px;

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* Sjene */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:   0 12px 40px rgba(0,0,0,0.10);
  --shadow-card: 0 2px 12px rgba(10,46,92,0.07);

  /* Tranzicije */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
}