/* ==========================================================================
   ADRIJ SEO EXPERT — DESIGN TOKENS & SYSTEM VARIABLES
   ========================================================================== */

:root {
  /* Color Palette - Deep Obsidian & Futuristic Neon Accents */
  --bg-primary: #07090e;
  --bg-secondary: #0c1017;
  --bg-tertiary: #131b26;
  --bg-card: rgba(16, 24, 38, 0.7);
  --bg-card-hover: rgba(22, 34, 52, 0.85);
  --bg-glass: rgba(13, 19, 31, 0.65);
  
  /* Accent Colors */
  --emerald-primary: #10b981;
  --emerald-glow: #00ff9d;
  --emerald-dim: rgba(16, 185, 129, 0.15);
  --emerald-border: rgba(16, 185, 129, 0.3);
  
  --cyan-primary: #06b6d4;
  --cyan-glow: #38bdf8;
  --cyan-dim: rgba(6, 182, 212, 0.15);
  --cyan-border: rgba(6, 182, 212, 0.3);
  
  --violet-primary: #8b5cf6;
  --violet-dim: rgba(139, 92, 246, 0.15);
  --violet-border: rgba(139, 92, 246, 0.3);

  --amber-primary: #f59e0b;
  --amber-dim: rgba(245, 158, 11, 0.15);
  
  /* Text Colors */
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --text-highlight: #ffffff;
  
  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);
  --border-active: rgba(16, 185, 129, 0.5);
  
  /* Typography */
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  
  /* Shadows & Glows */
  --glow-emerald: 0 0 35px rgba(16, 185, 129, 0.25);
  --glow-cyan: 0 0 35px rgba(6, 182, 212, 0.25);
  --card-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
  --inner-highlight: inset 0 1px 1px 0 rgba(255, 255, 255, 0.1);
  
  /* Layout & Spacing */
  --max-width: 1240px;
  --header-height: 80px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  
  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}