/**
 * INOVIFI Design System Variables
 * Theme: INOVIFI Core (Official Silicon & Microchip Circuit Palette)
 * Authority: Official INOVIFI Tech Architecture
 * Brand Colors: Electric Volt Lime (#C5FF00) + Quantum Circuit Indigo (#5200FF)
 * Core Surfaces: Deep Silicon Obsidian (#06080E) + Elevated Circuit Slate (#0B0F19)
 */

:root {
  /* Official Brand DNA Tokens */
  --brand-volt: #C5FF00;
  --brand-volt-rgb: 197, 255, 0;
  --brand-volt-hover: #D4FF33;
  --brand-indigo: #5200FF;
  --brand-indigo-rgb: 82, 0, 255;
  --brand-indigo-light: #7028FF;
  --brand-white: #FFFFFF;

  /* Surface & Background Colors */
  --bg-primary: #06080E; /* Deep Silicon Obsidian */
  --bg-secondary: #0B0F19; /* Elevated Circuit Slate */
  --bg-surface: #0E1424; 
  --bg-card: rgba(11, 15, 25, 0.88);
  --bg-card-hover: rgba(18, 24, 40, 0.96);
  --bg-elevated: #111827;
  --bg-glass-nav: rgba(6, 8, 14, 0.92);

  /* High-Contrast Light Section Palette */
  --bg-light: #F8FAFC;
  --text-dark: #06080E;
  --text-dark-muted: #475569;
  --border-light: #E2E8F0;

  /* Structural Hairline Borders */
  --border-hairline: 1px solid rgba(255, 255, 255, 0.08);
  --border-hairline-hover: 1px solid rgba(197, 255, 0, 0.4);
  --border-volt: 1px solid rgba(197, 255, 0, 0.45);
  --border-circuit: 1px solid rgba(82, 0, 255, 0.45);
  --border-cobalt: 1px solid rgba(82, 0, 255, 0.45);
  --border-emerald: 1px solid rgba(197, 255, 0, 0.45);
  --backdrop-blur: blur(14px);

  /* Industrial B2B Brand Accents */
  --accent-primary: #C5FF00; /* Volt Lime */
  --accent-secondary: #5200FF; /* Circuit Indigo */
  --accent-cobalt: #5200FF; /* Maps to Indigo for seamless backward-compatibility */
  --accent-cobalt-hover: #7028FF;
  --accent-cobalt-rgb: 82, 0, 255;
  --accent-emerald: #C5FF00; /* Maps to Volt Lime for seamless backward-compatibility */
  --accent-emerald-rgb: 197, 255, 0;
  --accent-sky: #38BDF8;
  --accent-cyan: #00F0FF;
  --accent-amber: #F59E0B;
  --accent-rose: #EF4444;

  /* Circuit Engineering Gradients */
  --gradient-cta: linear-gradient(135deg, #C5FF00 0%, #A6DE00 100%);
  --gradient-cta-hover: linear-gradient(135deg, #D4FF33 0%, #B8F200 100%);
  --gradient-circuit: linear-gradient(135deg, #5200FF 0%, #7028FF 100%);
  --gradient-badge: linear-gradient(90deg, rgba(82, 0, 255, 0.25) 0%, rgba(197, 255, 0, 0.12) 100%);
  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.005) 100%);
  --gradient-hero-glow: radial-gradient(circle at 50% 15%, rgba(82, 0, 255, 0.22) 0%, rgba(197, 255, 0, 0.08) 35%, rgba(6, 8, 14, 0.8) 65%, transparent 80%);

  /* Typography Colors */
  --text-primary: #FFFFFF;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  --text-cobalt: #C5FF00;
  --text-emerald: #C5FF00;
  --text-volt: #C5FF00;
  --text-indigo: #7028FF;

  /* Typography Font Families */
  --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Layout, Spacing & Radii */
  --container-max: 1240px;
  --container-narrow: 920px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;

  /* Shadows & Microchip Tech Glows */
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.6);
  --shadow-card: 0 10px 25px -5px rgba(0, 0, 0, 0.75);
  --shadow-elevated: 0 20px 45px -10px rgba(0, 0, 0, 0.9);
  --shadow-volt-glow: 0 0 24px rgba(197, 255, 0, 0.35);
  --shadow-indigo-glow: 0 0 30px rgba(82, 0, 255, 0.4);
  --shadow-cobalt-glow: 0 0 25px rgba(82, 0, 255, 0.35);
  --shadow-emerald-glow: 0 0 25px rgba(197, 255, 0, 0.35);

  /* Motion & 60fps Transitions */
  --transition-fast: 0.15s ease;
  --transition-smooth: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-spring: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
  --transition-motion: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}