/* ==========================================
   THE643 GCC | LUXURY SOVEREIGN DESIGN SYSTEM
   CSS Custom Properties & Color Palette
   ========================================== */

:root {
  /* Color System */
  --bg-primary: #090909;
  --bg-secondary: #111111;
  --bg-card: #171717;
  --bg-card-hover: #1e1e1e;
  --bg-glass: rgba(23, 23, 23, 0.65);
  --bg-glass-border: rgba(255, 255, 255, 0.08);

  /* Gold Accents */
  --gold-primary: #D4AF37;
  --gold-soft: #E7C76A;
  --gold-glow: rgba(212, 175, 55, 0.25);
  --gold-subtle: rgba(212, 175, 55, 0.12);

  /* Terracotta & Desert Sunset Accents (Cultural Sovereign Palette) */
  --terracotta-primary: #D86B27;
  --terracotta-warm: #E87A38;
  --terracotta-soft: #F49D6E;
  --terracotta-glow: rgba(216, 107, 39, 0.35);
  --terracotta-subtle: rgba(216, 107, 39, 0.15);
  --terracotta-dark: #8C370B;
  --bg-terracotta-deep: #190D07;

  /* Emerald Accents */
  --emerald-primary: #006C67;
  --emerald-dark: #004A46;
  --emerald-glow: rgba(0, 108, 103, 0.35);
  --emerald-subtle: rgba(0, 108, 103, 0.15);

  /* Qatar Maroon Accent */
  --maroon-accent: #8A1538;
  --maroon-glow: rgba(138, 21, 56, 0.3);

  /* Neutrals */
  --text-primary: #FFFFFF;
  --text-secondary: #AFAFAF;
  --text-muted: #6E6E6E;
  --ivory: #F7F6F2;
  --border-color: rgba(255, 255, 255, 0.08);
  --border-active: rgba(212, 175, 55, 0.4);

  /* Typography Families */
  --font-logo: 'Proxima Nova', 'Montserrat', 'Syne', -apple-system, sans-serif;
  --font-heading: 'Syne', 'Playfair Display', -apple-system, sans-serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  --font-mono: 'Space Grotesk', monospace;
  --font-arabic: 'IBM Plex Sans Arabic', 'Cairo', 'Tajawal', sans-serif;

  /* Spacing Rhythm */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;
  --space-2xl: 12rem;

  /* Border Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* Shadows & Lighting Effects */
  --shadow-subtle: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-gold: 0 0 40px rgba(212, 175, 55, 0.15);
  --shadow-emerald: 0 0 50px rgba(0, 108, 103, 0.2);
  --shadow-card: 0 20px 40px rgba(0, 0, 0, 0.6);

  /* Transitions & Timing */
  --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.4s;
  --duration-slow: 0.8s;

  /* Z-Index Hierarchy */
  --z-negative: -1;
  --z-canvas: 1;
  --z-content: 10;
  --z-navbar: 100;
  --z-modal: 200;
  --z-loader: 500;
  --z-cursor: 1000;
}