:root {
  --ob-primary: #8b7355;
  --ob-accent: #c9a962;
  --ob-navy: #1a1f2e;
  --ob-white: #ffffff;
  --ob-surface: #f7f5f1;
  --ob-text: #1a1f2e;
  --ob-muted: #6b7280;
  --ob-border: rgba(26, 31, 46, 0.12);
  --ob-radius: 12px;
  --ob-radius-lg: 28px;
  --ob-header-h: 88px;
  --ob-container: 1180px;
  --ob-gutter: 28px;
  --ob-section: 88px;
  --ob-font: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ob-shadow: 0 18px 40px rgba(26, 31, 46, 0.08);
  --ob-transition: 0.22s ease;
}

@media (max-width: 768px) {
  :root {
    --ob-gutter: 18px;
    --ob-section: 64px;
    --ob-header-h: 72px;
  }
}