/* === Sakura Park — CSS Custom Properties === */
:root {
  /* Paleta */
  --bg: #f7f3ec;
  --surface: #ffffff;
  --surface-2: #efe9df;
  --line: #e5dfd2;
  --line-strong: #c4bcaa;
  --text: #1a1a1a;
  --muted: #6b6862;
  --dim: #a8a39a;

  /* Sakura akcentna boja */
  --sakura: #d6678f;
  --sakura-soft: #f5d4df;
  --sakura-pale: #faeaef;

  /* Zelena (aktivan status) */
  --green: #4a8a5a;
  --green-soft: #d8e8dc;

  /* Fontovi */
  --font-serif: 'Cormorant Garamond', serif;
  --font-sans: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Razmaci */
  --page-padding: 40px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  /* Senke */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
  --shadow-overlay: 0 30px 80px rgba(0,0,0,0.3);
}

@media (max-width: 800px) {
  :root {
    --page-padding: 20px;
  }
}