:root {
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-accent: #dbac1b;
  --color-accent-dark: #b89216;
  --color-muted: #444444;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --container-max: 1200px;
  --header-height: 72px;
  --topbar-height: 36px;
  --transition: 0.25s ease;
  --radius: 8px;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

@media (min-width: 768px) {
  :root {
    --header-height: 80px;
  }
}