:root {
  --vb-gold-light: #E8C56C;
  --vb-gold-primary: #D4A84B;
  --vb-gold-dark: #B8860B;
  --vb-gold-deep: #8B6914;

  --vb-bg-light: #F5DEB3;
  --vb-bg-primary: #E8B861;
  --vb-bg-warm: #D4943A;
  --vb-bg-deep: #C17F24;

  --vb-bronze: #CD7F32;
  --vb-champagne: #F7E7CE;
  --vb-cream: #FFFDD0;
  --vb-white: #FFFFFF;

  --vb-text-dark: #4A3728;
  --vb-text-medium: #6B5344;
  --vb-text-light: #FFFFFF;

  --vb-metallic-gradient: linear-gradient(
    135deg,
    #E8C56C 0%,
    #D4A84B 25%,
    #B8860B 50%,
    #D4A84B 75%,
    #E8C56C 100%
  );

  --vb-background-gradient: linear-gradient(
    180deg,
    #F5DEB3 0%,
    #E8B861 50%,
    #D4943A 100%
  );

  --vb-shadow-gold: 0 4px 20px rgba(212, 168, 75, 0.4);
  --vb-shadow-soft: 0 2px 10px rgba(74, 55, 40, 0.1);
  --vb-shadow-medium: 0 4px 15px rgba(74, 55, 40, 0.15);

  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}