/* ============================================================
   Česme Srbije — Design Tokens
   Nature + civic tech palette
   ============================================================ */

:root {
  /* Primary — duboki teal vode */
  --color-primary-900: #0d3d3a;
  --color-primary-800: #0f4f4b;
  --color-primary-700: #126b65;
  --color-primary-600: #158a82;
  --color-primary-500: #1aa399; /* glavni brand */
  --color-primary-400: #3db8ae;
  --color-primary-300: #6dccc4;
  --color-primary-200: #a8e4e0;
  --color-primary-100: #d4f2f0;
  --color-primary-50:  #edfafa;

  /* Neutral — kamen i zemlja */
  --color-stone-950: #0c0a09;
  --color-stone-900: #1c1917;
  --color-stone-800: #292524;
  --color-stone-700: #44403c;
  --color-stone-600: #57534e;
  --color-stone-500: #78716c;
  --color-stone-400: #a8a29e;
  --color-stone-300: #d6d3d1;
  --color-stone-200: #e7e5e4;
  --color-stone-100: #f5f5f4;
  --color-stone-50:  #fafaf9;

  /* Semantic statusi */
  --color-status-active:   #16a34a;
  --color-status-seasonal: #d97706;
  --color-status-inactive: #dc2626;

  /* Drinking water */
  --color-water-yes:     #0284c7;
  --color-water-no:      #9ca3af;
  --color-water-unknown: #d97706;

  /* Surface / Background */
  --color-bg:          #fafaf9;
  --color-surface:     #ffffff;
  --color-surface-alt: #f5f5f4;

  /* Glassmorphism (samo za map overlays) */
  --glass-bg:     rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.4);
  --glass-blur:   16px;

  /* Typography */
  --font-display: 'Cabinet Grotesk', 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  /* Spacing */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   32px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
  --shadow-lg:  0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);
  --shadow-map: 0 8px 32px rgba(13,61,58,.18);

  /* Transitions */
  --transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 380ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark mode — disabled (light theme only)
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg:          #0c0a09;
    --color-surface:     #1c1917;
    --color-surface-alt: #292524;
    --glass-bg:          rgba(28, 25, 23, 0.82);
    --glass-border:      rgba(255,255,255,.12);
  }
}
*/