/* ==========================================================================
   IYI SOLUTION - DESIGN TOKENS & SYSTEM VARIABLES
   Theme: Metallic Lime, Obsidian Black, Pure White & Cyber Accents
   ========================================================================== */

:root {
  /* Color Palette - Metallic Lime Green */
  --lime-glow: #bef264;
  --lime-primary: #a3e635;
  --lime-deep: #65a30d;
  --lime-dark: #365314;
  --lime-muted: rgba(163, 230, 53, 0.15);
  --lime-subtle: rgba(163, 230, 53, 0.06);
  --lime-border: rgba(163, 230, 53, 0.3);
  --lime-border-hover: rgba(190, 242, 100, 0.7);

  /* Metallic Gradients */
  --grad-lime-metallic: linear-gradient(135deg, #d9f99d 0%, #a3e635 30%, #84cc16 70%, #4d7c0f 100%);
  --grad-lime-sheen: linear-gradient(90deg, transparent, rgba(190, 242, 100, 0.4), transparent);
  --grad-silver-metallic: linear-gradient(135deg, #ffffff 0%, #cbd5e1 50%, #94a3b8 100%);
  --grad-dark-metallic: linear-gradient(145deg, #18201a 0%, #0d120f 50%, #080b09 100%);
  --grad-carbon: linear-gradient(180deg, #121814 0%, #0a0d0b 100%);

  /* Neutral Dark Surfaces (Obsidian, Carbon, Graphite) */
  --bg-black: #050706;
  --bg-obsidian: #080b09;
  --bg-surface: #0e1310;
  --bg-surface-elevated: #151c17;
  --bg-surface-glass: rgba(14, 19, 16, 0.75);
  --bg-overlay: rgba(5, 7, 6, 0.85);

  /* Typography Colors */
  --text-white: #ffffff;
  --text-titanium: #f1f5f9;
  --text-silver: #cbd5e1;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --text-lime: #bef264;

  /* Accent Colors */
  --accent-cyan: #38bdf8;
  --accent-emerald: #10b981;
  --accent-amber: #f59e0b;
  --accent-rose: #f43f5e;

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.15);
  --border-metallic: 1px solid rgba(163, 230, 53, 0.25);
  --border-glass: 1px solid rgba(255, 255, 255, 0.12);

  /* Shadows & Glows */
  --glow-lime-sm: 0 0 15px rgba(163, 230, 53, 0.25);
  --glow-lime-md: 0 0 30px rgba(163, 230, 53, 0.4);
  --glow-lime-lg: 0 0 60px rgba(163, 230, 53, 0.3), 0 0 100px rgba(132, 204, 22, 0.15);
  --shadow-elevation: 0 20px 40px -15px rgba(0, 0, 0, 0.8);
  --shadow-card: 0 8px 32px 0 rgba(0, 0, 0, 0.5);

  /* Typography Scale */
  --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* Spacing & Sizing */
  --container-max: 1320px;
  --header-height: 80px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;
}