:root {
  /* ==========================================================================
     Core Luxury Color Architecture (Obsidian & Metallic Gold)
     ========================================================================== */
  --bg-primary: #050507;
  --bg-secondary: #0a0a0e;
  --bg-card: #0f0f15;
  --bg-card-hover: #14141e;
  --bg-elevated: #1a1a24;
  --bg-glass: rgba(5, 5, 7, 0.82);
  --bg-glass-card: rgba(15, 15, 21, 0.78);
  --bg-glass-drawer: rgba(5, 5, 7, 0.96);

  /* Metallic Editorial Gold Palette */
  --gold-50: #fefcf8;
  --gold-100: #fbf4e6;
  --gold-200: #f3e3c2;
  --gold-300: #dfba73;
  --gold-400: #c59a4e; /* Core Brand Gold */
  --gold-500: #b0823c;
  --gold-600: #936829;
  --gold-700: #714e1a;
  --gold-800: #4e3510;
  --gold-900: #2c1d07;

  /* Editorial Gradients */
  --gold-gradient: linear-gradient(135deg, #fcedd0 0%, #dfba73 35%, #c59a4e 70%, #9e7530 100%);
  --gold-gradient-hover: linear-gradient(135deg, #ffffff 0%, #fcedd0 25%, #dfba73 65%, #c59a4e 100%);
  --gold-gradient-subtle: linear-gradient(135deg, rgba(197, 154, 78, 0.12) 0%, rgba(197, 154, 78, 0.02) 100%);
  --gold-border-gradient: linear-gradient(135deg, rgba(223, 186, 115, 0.5) 0%, rgba(197, 154, 78, 0.2) 50%, rgba(255, 255, 255, 0.05) 100%);
  --surface-gradient: linear-gradient(180deg, rgba(17, 17, 24, 0.8) 0%, rgba(10, 10, 14, 0.95) 100%);

  /* High Contrast Monochrome & Text */
  --text-primary: #f7f7f9;
  --text-secondary: #a3a3af;
  --text-muted: #6e6e7c;
  --text-inverted: #050507;

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-light: rgba(255, 255, 255, 0.12);
  --border-gold-subtle: rgba(197, 154, 78, 0.2);
  --border-gold-medium: rgba(197, 154, 78, 0.4);
  --border-gold-strong: #c59a4e;

  /* Luxury Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-card: 0 16px 48px -12px rgba(0, 0, 0, 0.75);
  --shadow-gold: 0 8px 30px -4px rgba(197, 154, 78, 0.22);
  --shadow-gold-hover: 0 12px 40px 0 rgba(197, 154, 78, 0.38);

  /* Typography System */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif;
  --font-arabic: 'Alexandria', 'Tajawal', system-ui, sans-serif;

  /* Fluid Typography Scaling (Optimized for 360px to 1920px) */
  --text-hero: clamp(2.35rem, 7.8vw, 5.25rem);
  --text-display: clamp(1.85rem, 5vw, 3.4rem);
  --text-h1: clamp(1.65rem, 3.8vw, 2.75rem);
  --text-h2: clamp(1.35rem, 2.8vw, 2rem);
  --text-h3: clamp(1.1rem, 1.8vw, 1.45rem);
  --text-lead: clamp(0.98rem, 1.25vw, 1.2rem);
  --text-body: clamp(0.92rem, 1vw, 1.05rem);
  --text-small: 0.8125rem;
  --text-tiny: 0.75rem;

  /* Layout & Viewport Spacing */
  --container-max: 1240px;
  --container-padding: clamp(1.125rem, 4vw, 2.5rem);
  --section-spacing: clamp(4.5rem, 8vw, 8.5rem);
  --header-height: 76px;
  --header-height-compact: 64px;

  /* Motion & Easing */
  --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.65s cubic-bezier(0.16, 1, 0.3, 1);

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --radius-full: 9999px;

  /* Z-Index Hierarchy */
  --z-base: 1;
  --z-header: 100;
  --z-modal-backdrop: 200;
  --z-drawer: 210;
  --z-floating: 150;
  --z-toast: 300;
}