:root {
  /* Brand Color Palette */
  --color-primary: #0F2E23;        /* Deep Emerald Green (Luxury base) */
  --color-primary-rgb: 15, 46, 35; 
  --color-accent: #D4AF37;         /* Warm Champagne Gold (Trim and CTAs) */
  --color-accent-hover: #C5A028;   /* Darker Bronze Gold for hover states */
  --color-accent-light: #F4E8C1;   /* Pastel gold for subtle borders */
  --color-bg-light: #FDFBF7;       /* Off-white / Warm Beige (Secondary elements) */
  --color-bg-dark: #151515;        /* Dark Charcoal (Footer background) */
  --color-text-dark: #1A1A1A;      /* Body text */
  --color-text-muted: #555555;     /* Descriptive text */
  --color-text-light: #FFFFFF;     /* Light text on dark backgrounds */
  
  /* Typography Scale */
  --font-family-serif: 'Playfair Display', Georgia, serif;
  --font-family-sans: 'Outfit', 'Inter', system-ui, sans-serif;
  
  --font-size-xs: 0.75rem;         /* 12px */
  --font-size-sm: 0.875rem;        /* 14px */
  --font-size-base: 1rem;          /* 16px - Base desktop */
  --font-size-lg: 1.125rem;        /* 18px */
  --font-size-xl: 1.25rem;         /* 20px */
  --font-size-2xl: 1.5rem;         /* 24px */
  --font-size-3xl: 2rem;           /* 32px */
  --font-size-4xl: 2.5rem;         /* 40px */
  --font-size-5xl: 3.5rem;         /* 56px */
  
  /* Spacing Grid (8px grid base) */
  --spacing-1: 0.25rem;            /* 4px */
  --spacing-2: 0.5rem;             /* 8px */
  --spacing-3: 0.75rem;            /* 12px */
  --spacing-4: 1rem;               /* 16px */
  --spacing-5: 1.25rem;            /* 20px */
  --spacing-6: 1.5rem;             /* 24px */
  --spacing-8: 2rem;               /* 32px */
  --spacing-10: 2.5rem;            /* 40px */
  --spacing-12: 3rem;              /* 48px */
  --spacing-16: 4rem;              /* 64px */
  --spacing-20: 5rem;              /* 80px */
  
  /* Borders & Shadows */
  --radius-sm: 4px;
  --radius-md: 8px;                /* Standard Card / Input radius */
  --radius-lg: 16px;
  --radius-round: 50%;
  
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(15, 46, 35, 0.08); /* Tinted primary shadow */
  --shadow-lg: 0 8px 24px rgba(15, 46, 35, 0.12);
  
  /* Layout Containers */
  --container-max: 1200px;
  --container-padding: var(--spacing-4);
  
  /* Transition Timings */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
}