/* ============================================
   NOVARIDE - ULTRA-PREMIUM DESIGN SYSTEM
   Tesla-Level, World-Class Business Premium
   ============================================ */

:root {
   /* ========== LUXURY COLOR PALETTE ========== */

   /* Base Blacks - Ultra Deep */
   --void-black: #000000;
   --obsidian-black: #050505;
   --carbon-black: #0a0a0a;
   --charcoal-black: #101010;
   --graphite-black: #151515;
   --slate-black: #1a1a1a;

   /* Nova Green - Signature Color */
   --nova-green: #10b981;
   --nova-green-bright: #34d399;
   --nova-green-light: #6ee7b7;
   --nova-green-subtle: rgba(16, 185, 129, 0.15);
   --nova-green-glow: rgba(16, 185, 129, 0.4);
   --soft-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);

   /* Premium Accents */
   --gold-accent: #d4af37;
   --platinum-accent: #e5e4e2;
   --diamond-accent: #b9f2ff;

   /* Text Hierarchy */
   --text-primary: #ffffff;
   --text-secondary: rgba(255, 255, 255, 0.7);
   --text-tertiary: rgba(255, 255, 255, 0.5);
   --text-muted: rgba(255, 255, 255, 0.35);

   /* ========== PREMIUM GRADIENTS ========== */

   /* Hero Gradients */
   --gradient-hero:
      radial-gradient(ellipse 100% 70% at 50% -30%, rgba(16, 185, 129, 0.2), transparent 60%),
      radial-gradient(ellipse 80% 50% at 100% 50%, rgba(16, 185, 129, 0.1), transparent 50%),
      radial-gradient(ellipse 60% 40% at 0% 60%, rgba(16, 185, 129, 0.08), transparent 50%),
      linear-gradient(180deg, var(--obsidian-black) 0%, var(--carbon-black) 50%, var(--obsidian-black) 100%);

   /* Text Gradients */
   --gradient-text: linear-gradient(135deg, #10b981 0%, #34d399 30%, #6ee7b7 50%, #34d399 70%, #10b981 100%);
   --gradient-gold: linear-gradient(135deg, #d4af37 0%, #f0e68c 50%, #d4af37 100%);

   /* Card Gradients */
   --gradient-card: linear-gradient(145deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);
   --gradient-card-hover: linear-gradient(145deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.02) 100%);

   /* Glow Effects */
   --gradient-glow: radial-gradient(circle at center, rgba(16, 185, 129, 0.3) 0%, transparent 70%);

   /* ========== GLASSMORPHISM ========== */
   --glass-bg: rgba(255, 255, 255, 0.02);
   --glass-bg-hover: rgba(255, 255, 255, 0.05);
   --glass-border: rgba(255, 255, 255, 0.06);
   --glass-border-hover: rgba(16, 185, 129, 0.3);
   --blur-amount: 20px;
   --blur-heavy: 40px;

   /* ========== SHADOWS & DEPTH ========== */
   --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
   --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
   --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
   --shadow-xl: 0 20px 80px rgba(0, 0, 0, 0.6);
   --shadow-glow: 0 0 40px rgba(16, 185, 129, 0.4);
   --shadow-glow-intense: 0 0 80px rgba(16, 185, 129, 0.6);

   /* ========== SPACING SYSTEM ========== */
   --space-1: 0.25rem;
   --space-2: 0.5rem;
   --space-3: 0.75rem;
   --space-4: 1rem;
   --space-5: 1.25rem;
   --space-6: 1.5rem;
   --space-7: 2rem;
   --space-8: 2.5rem;
   --space-9: 3rem;
   --space-10: 4rem;
   --space-11: 5rem;
   --space-12: 6rem;
   --space-16: 8rem;
   --space-20: 10rem;

   /* ========== TYPOGRAPHY ========== */
   --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   --font-weight-light: 300;
   --font-weight-normal: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;

   --line-height-tight: 1.1;
   --line-height-snug: 1.25;
   --line-height-normal: 1.5;
   --line-height-relaxed: 1.75;

   --letter-spacing-tight: -0.04em;
   --letter-spacing-normal: -0.02em;
   --letter-spacing-wide: 0.05em;
   --letter-spacing-wider: 0.12em;

   /* ========== BORDERS ========== */
   --radius-sm: 6px;
   --radius-md: 10px;
   --radius-lg: 14px;
   --radius-xl: 20px;
   --radius-2xl: 28px;
   --radius-3xl: 36px;
   --radius-full: 9999px;

   /* ========== TRANSITIONS ========== */
   --transition-instant: 100ms cubic-bezier(0.4, 0, 0.2, 1);
   --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
   --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
   --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
   --transition-slower: 800ms cubic-bezier(0.4, 0, 0.2, 1);
   --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
   --transition-bounce: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

   /* ========== LAYOUT ========== */
   --container-max: 1400px;
   --container-padding: clamp(1.5rem, 5vw, 4rem);

   /* ========== Z-INDEX ========== */
   --z-base: 1;
   --z-dropdown: 100;
   --z-sticky: 200;
   --z-fixed: 500;
   --z-modal: 1000;
   --z-tooltip: 1500;
}

/* ========== ULTRA-PREMIUM SELECTION ========== */
::selection {
   background: var(--nova-green);
   color: var(--void-black);
}

::-moz-selection {
   background: var(--nova-green);
   color: var(--void-black);
}

/* ========== LUXURY SCROLLBAR ========== */
::-webkit-scrollbar {
   width: 8px;
   height: 8px;
}

::-webkit-scrollbar-track {
   background: var(--obsidian-black);
}

::-webkit-scrollbar-thumb {
   background: linear-gradient(180deg, var(--nova-green) 0%, rgba(16, 185, 129, 0.3) 100%);
   border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
   background: var(--nova-green);
}

/* ========== SMOOTH SCROLL ========== */
html {
   scroll-behavior: smooth;
   scrollbar-gutter: stable;
   scrollbar-color: #10b981 #050505;
   scrollbar-width: thin;
}

@media (prefers-reduced-motion: reduce) {
   html {
      scroll-behavior: auto;
   }
}