/**
 * RMG–NexGN Software - Design Tokens & Variables
 * Inspired by the Official RMG–NexGN AI/Eagle Brand Identity
 */

:root {
  /* Primary Color System */
  --color-navy-darkest: #050B19;
  --color-navy-darker:  #081226;
  --color-navy-dark:    #0D1B36;
  --color-navy-medium:  #15254A;
  --color-navy-surface: #1B2E59;
  
  /* Technology & Accent Blues */
  --color-tech-blue:    #0B63E5;
  --color-tech-hover:   #0052CC;
  --color-electric-blue:#00D2FF;
  --color-cyan-glow:    rgba(0, 210, 255, 0.35);
  --color-blue-glow:    rgba(11, 99, 229, 0.25);
  
  /* Brand Eagle Gold Accents */
  --color-gold-light:   #FAD02C;
  --color-gold:         #E5A93C;
  --color-gold-hover:   #CF942B;
  --color-gold-subtle:  rgba(229, 169, 60, 0.15);
  
  /* Dark Graphite & Modern Neutrals */
  --color-graphite-900: #0F172A;
  --color-graphite-800: #1E293B;
  --color-graphite-700: #334155;
  --color-graphite-600: #475569;
  --color-slate-400:    #94A3B8;
  --color-slate-300:    #CBD5E1;
  --color-slate-200:    #E2E8F0;
  --color-slate-100:    #F1F5F9;
  --color-slate-50:     #F8FAFC;
  
  /* Pure Colors */
  --color-white:        #FFFFFF;
  --color-black:        #000000;
  --color-success:      #10B981;
  --color-whatsapp:     #25D366;
  --color-whatsapp-dark:#1EBE5D;
  
  /* Glassmorphism & Translucencies */
  --glass-bg-header:    rgba(8, 18, 38, 0.85);
  --glass-bg-card:      rgba(13, 27, 54, 0.7);
  --glass-bg-card-hover:rgba(21, 37, 74, 0.85);
  --glass-border:       rgba(255, 255, 255, 0.08);
  --glass-border-bright:rgba(0, 210, 255, 0.3);
  --glass-border-gold:  rgba(229, 169, 60, 0.35);
  --glass-blur:         blur(16px);
  
  /* Gradients */
  --gradient-tech:      linear-gradient(135deg, #0B63E5 0%, #00D2FF 100%);
  --gradient-gold:      linear-gradient(135deg, #FAD02C 0%, #E5A93C 100%);
  --gradient-dark:      linear-gradient(180deg, #050B19 0%, #081226 100%);
  --gradient-card:      linear-gradient(180deg, rgba(13, 27, 54, 0.9) 0%, rgba(8, 18, 38, 0.95) 100%);
  --gradient-radial-hero: radial-gradient(circle at 50% 30%, rgba(11, 99, 229, 0.18) 0%, rgba(0, 210, 255, 0.06) 40%, rgba(5, 11, 25, 0) 70%);
  
  /* Typography */
  --font-heading:       'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:          ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  
  /* Spacing Scale */
  --space-xs:  0.25rem;  /* 4px */
  --space-sm:  0.5rem;   /* 8px */
  --space-md:  1rem;     /* 16px */
  --space-lg:  1.5rem;   /* 24px */
  --space-xl:  2rem;     /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 5rem;     /* 80px */
  --space-4xl: 7rem;     /* 112px */
  
  /* Radii */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  18px;
  --radius-xl:  24px;
  --radius-pill:9999px;
  
  /* Shadows */
  --shadow-sm:    0 2px 4px rgba(0, 0, 0, 0.2);
  --shadow-md:    0 6px 16px rgba(0, 0, 0, 0.3);
  --shadow-lg:    0 12px 32px rgba(0, 0, 0, 0.4);
  --shadow-glow:  0 0 25px rgba(0, 210, 255, 0.25);
  --shadow-gold:  0 0 25px rgba(229, 169, 60, 0.25);
  
  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Layout */
  --container-max: 1280px;
  --header-height: 80px;
}