/* css/variables.css — Master Luxury Design System */
:root {
  /* Brand Core Colors (Extracted from Belanto Logo & Master Theme) */
  --color-primary: #1a5668;       /* Deep Ocean Teal */
  --color-primary-light: #2a738a;
  --color-primary-dark: #0f3d4d;
  
  --color-accent: #469c76;        /* Emerald Slate */
  --color-accent-light: #5ab58d;
  --color-accent-dark: #327557;

  --color-gold: #b7905d;          /* Champagne Gold Accent */
  --color-gold-light: #d4af37;
  
  /* Dark Luxury Theme Palette */
  --color-bg-dark: #0a2129;       /* Deep Slate Teal */
  --color-bg-dark-alt: #0f171a;   /* Ultra Dark Charcoal Slate */
  --color-bg-dark-soft: #16404e;  /* Soft Luxury Teal */
  
  --color-text-dark-theme: #f0f5f7;
  --color-text-muted-dark: #a3bac2;
  
  /* Light Luxury Theme Palette */
  --color-bg-light: #fdfdfd;      /* Pearl White */
  --color-bg-light-alt: #f7f5f2;  /* Soft Warm Alabaster */
  --color-bg-light-soft: #e9eff0; /* Soft Marble Grey */
  
  --color-text-light-theme: #0a2129; /* Dark Charcoal Teal */
  --color-text-muted-light: #5a737d; /* Soft Muted Slate */
  
  /* Active Theme Defaults */
  --color-bg: var(--color-bg-light);
  --color-text: var(--color-text-light-theme);
  --color-text-light: var(--color-text-muted-light);

  /* Master Gradients */
  --brand-gradient: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
  --brand-gradient-hover: linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-primary-light) 100%);
  --gold-gradient: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-light) 100%);
  --dark-luxury-gradient: linear-gradient(145deg, #0a2129 0%, #16404e 100%);
  --light-luxury-gradient: linear-gradient(180deg, #f7f5f2 0%, #ffffff 100%);

  /* Glassmorphism Systems */
  --glass-bg-dark: rgba(10, 33, 41, 0.7);
  --glass-border-dark: rgba(255, 255, 255, 0.1);
  
  --glass-bg-light: rgba(255, 255, 255, 0.85);
  --glass-border-light: rgba(26, 86, 104, 0.12);
  
  --glass-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.08);
  --glass-blur: blur(20px);

  /* BELANTO BRAND TYPOGRAPHY TOKENS (Matching Official Wordmark) */
  --font-heading: 'Cormorant Garamond', 'Playfair Display', serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: clamp(1rem, 1.5vw, 1.125rem);
  --text-xl: clamp(1.125rem, 2vw, 1.25rem);
  --text-2xl: clamp(1.25rem, 2.5vw, 1.5rem);
  --text-3xl: clamp(1.5rem, 3.5vw, 1.875rem);
  --text-4xl: clamp(1.75rem, 4.5vw, 2.35rem);
  --text-5xl: clamp(2.2rem, 5.5vw, 3.8rem);
  --text-6xl: clamp(2.75rem, 6.5vw, 4.5rem);
  
  /* Spacing Scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Global Layout */
  --container-width: 1280px;
  --header-height: 85px;
  
  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  
  /* Easing & Motion */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}