:root {
  --color-topbar: #f5b841;
  --color-topbar-text: #3d2a1a;
  --color-primary: #7a5230;
  --color-primary-dark: #3d2a1a;
  --color-primary-light: #9a6b42;
  --color-accent: #c9a227;
  --color-accent-hover: #b8921f;
  --color-bg-cream: #f8f4ef;
  --color-bg-light: #faf7f3;
  --color-text: #5c5c5c;
  --color-text-dark: #333333;
  --color-white: #ffffff;
  --color-border: #e8dfd4;
  --color-success: #2d7a4f;
  --color-error: #c0392b;

  --font-heading: "Playfair Display", Georgia, serif;
  --font-body: "Open Sans", system-ui, sans-serif;

  --container-max: 1200px;
  --header-height: 80px;
  --topbar-height: 42px;

  --shadow-sm: 0 2px 8px rgba(61, 42, 26, 0.08);
  --shadow-md: 0 8px 24px rgba(61, 42, 26, 0.12);
  --shadow-lg: 0 16px 40px rgba(61, 42, 26, 0.15);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --transition: 0.3s ease;
}