/* Vibrant Concepts - CSS Custom Properties */
:root {
  /* Core Colour Palette */
  --bg-primary: #140B2D;
  --bg-secondary: #24114A;
  --accent: #5B3FD6;
  --gold: #D6B56D;
  --gold-glow: rgba(214, 181, 109, 0.25);
  --gold-hover: #e5ca8a;
  --text-primary: #F8F8FA;
  --text-secondary: #C7C5D8;
  --text-muted: #8E8AAB;
  --border-color: rgba(199, 197, 216, 0.12);
  --border-light: rgba(214, 181, 109, 0.2);

  /* Special Accents (Luxury Weddings Page) */
  --champagne: #F5E7D4;
  --warm-ivory: #FFF9F2;

  /* Typography */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing System */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* Layout */
  --max-width: 1280px;
  --max-width-narrow: 960px;
  --header-height: 90px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Specific theme override for Luxury Weddings page */
body.page-luxury-weddings {
  --bg-primary: #120928;
  --bg-secondary: #1F0D42;
  --accent: #D6B56D;
  --gold: #F5E7D4;
  --text-primary: #FFF9F2;
  --text-secondary: #E2DACF;
}