/* ==========================================================================
   GAURISSON INDUSTRIES PRIVATE LIMITED - DESIGN TOKENS & SYSTEM VARIABLES
   ========================================================================== */

:root {
  /* --- Primary Color Palette --- */
  --color-navy-950: #050B17;      /* Deepest Space Navy */
  --color-navy-900: #0B132B;      /* Brand Deep Navy (Main Background) */
  --color-navy-850: #0F1B38;      /* Elevated Navy Surface */
  --color-navy-800: #162447;      /* Card & Surface Navy */
  --color-navy-700: #1E3163;      /* Border & Outline Navy */
  --color-navy-600: #2B437D;      /* Muted Line Navy */

  /* --- Electric Blue (Energy & Tech Accent) --- */
  --color-blue-electric: #0066FF; /* Vibrant Tech Blue */
  --color-blue-cyan: #00D2FF;     /* Glowing Cyan */
  --color-blue-sky: #38BDF8;      /* Light Electric Sky */
  --color-blue-glow: rgba(0, 102, 255, 0.4);
  --color-cyan-glow: rgba(0, 210, 255, 0.35);

  /* --- Solar Gold / Warm Sun Energy (Solar Accent) --- */
  --color-solar-500: #F59E0B;     /* Solar Warm Gold */
  --color-solar-400: #FBBF24;     /* Sunlight Bright */
  --color-solar-600: #D97706;     /* Deep Amber */
  --color-solar-glow: rgba(245, 158, 11, 0.35);

  /* --- Neutral & Surface Shades --- */
  --color-white: #FFFFFF;
  --color-gray-50: #F8FAFC;
  --color-gray-100: #F1F5F9;
  --color-gray-200: #E2E8F0;
  --color-gray-300: #CBD5E1;
  --color-gray-400: #94A3B8;
  --color-gray-500: #64748B;
  --color-gray-600: #475569;
  --color-gray-700: #334155;

  /* --- Semantic Colors --- */
  --color-success: #10B981;
  --color-success-bg: rgba(16, 185, 129, 0.12);
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #1EBE5D;

  /* --- Gradients --- */
  --grad-navy-blue: linear-gradient(135deg, #0B132B 0%, #0066FF 100%);
  --grad-blue-cyan: linear-gradient(135deg, #0066FF 0%, #00D2FF 100%);
  --grad-cyan-solar: linear-gradient(135deg, #00D2FF 0%, #F59E0B 100%);
  --grad-solar: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);
  --grad-dark-surface: linear-gradient(180deg, rgba(15, 27, 56, 0.85) 0%, rgba(11, 19, 43, 0.95) 100%);
  --grad-card-glow: radial-gradient(circle at 50% 0%, rgba(0, 210, 255, 0.15) 0%, transparent 70%);
  --grad-solar-glow: radial-gradient(circle at 50% 0%, rgba(245, 158, 11, 0.18) 0%, transparent 70%);

  /* --- Glassmorphism & Depth --- */
  --glass-bg: rgba(15, 27, 56, 0.65);
  --glass-bg-hover: rgba(22, 36, 71, 0.85);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-hover: rgba(0, 210, 255, 0.3);
  --glass-blur: blur(16px);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);

  /* --- Box Shadows --- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
  --shadow-blue-glow: 0 0 25px rgba(0, 102, 255, 0.35);
  --shadow-solar-glow: 0 0 25px rgba(245, 158, 11, 0.35);

  /* --- Typography --- */
  --font-heading: 'Outfit', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Font Sizes */
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1rem;     /* 16px */
  --text-lg: 1.125rem;   /* 18px */
  --text-xl: 1.25rem;    /* 20px */
  --text-2xl: 1.5rem;    /* 24px */
  --text-3xl: 1.875rem;  /* 30px */
  --text-4xl: 2.25rem;   /* 36px */
  --text-5xl: 3rem;      /* 48px */
  --text-6xl: 3.75rem;   /* 60px */

  /* --- Layout & Spacing --- */
  --container-max-w: 1280px;
  --header-height: 80px;
  --header-height-scrolled: 68px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* --- Transitions --- */
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* --- Z-Index Hierarchy --- */
  --z-negative: -1;
  --z-base: 1;
  --z-card: 10;
  --z-sticky: 100;
  --z-dropdown: 500;
  --z-header: 1000;
  --z-drawer: 1100;
  --z-modal: 1200;
  --z-toast: 1300;
}