:root {
  --color-bg: #FAF7F2;
  --color-bg-secondary: #F0EBE3;
  --color-text: #2C2A28;
  --color-heading: #1A1918;
  --color-gold: #C9A962;
  --color-gold-hover: #A8894A;
  --color-gold-light: #E8D5A8;
  --color-plum: #4A3F5C;
  --color-white: #FFFFFF;
  --color-error: #8B3A3A;
  --color-success: #5C6B52;

  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

  --container-max: 1200px;
  --gutter: 24px;
  --section-padding: 80px;
  --section-padding-mobile: 48px;

  --header-height: 72px;
  --transition: 250ms ease;
  --shadow-soft: 0 4px 24px rgba(26, 25, 24, 0.06);
  --shadow-medium: 0 8px 40px rgba(26, 25, 24, 0.1);

  --radius-sm: 4px;
  --radius-md: 8px;
}

@media (max-width: 767px) {
  :root {
    --gutter: 16px;
  }
}