/**
 * AVENIX Venture - Design System: Colors & Theming
 * Modern Obsidian Palette:
 * - Primary: Laser Emerald Green #059669 (Light) / #10B981 (Dark)
 * - Accent: Electric Cyan #0891B2 (Light) / #06B6D4 (Dark)
 * - Canvas: True Obsidian Black #080A10 with clean #111622 card surfaces
 * Supports automated light/dark modes via data-theme and system preferences.
 */

:root {
  /* Brand Tokens - Modern Emerald & Cyan */
  --color-primary: #059669;
  /* High-contrast Emerald Green */
  --color-primary-hover: #047857;
  /* Deep Forest Emerald */
  --color-primary-alpha: rgba(5, 150, 105, 0.08);
  --color-primary-border: rgba(5, 150, 105, 0.22);
  --color-primary-glow: rgba(5, 150, 105, 0.22);

  --color-secondary: #0F172A;
  /* Slate Executive Navy */
  --color-secondary-hover: #1E293B;
  --color-secondary-alpha: rgba(15, 23, 42, 0.08);
  --color-secondary-border: rgba(15, 23, 42, 0.18);
  --color-secondary-glow: rgba(8, 145, 178, 0.18);

  --color-accent: #0891B2;
  /* Deep Electric Cyan */
  --color-accent-hover: #0E7490;
  --color-accent-alpha: rgba(8, 145, 178, 0.08);
  --color-accent-border: rgba(8, 145, 178, 0.25);
  --color-accent-glow: rgba(8, 145, 178, 0.22);

  /* Premium Prosperity Accent (Gold) */
  --color-gold: #D97706;
  /* Refined Amber Gold */
  --color-gold-hover: #B45309;
  --color-gold-alpha: rgba(217, 119, 6, 0.08);
  --color-gold-border: rgba(217, 119, 6, 0.25);
  --color-gold-glow: rgba(217, 119, 6, 0.2);

  /* Light Theme Defaults */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F8FAFC;
  /* Clean subtle cool white */
  --color-surface: #FFFFFF;
  --color-surface-elevated: #FFFFFF;
  --color-border: #E2E8F0;
  --color-border-subtle: #F1F5F9;

  --color-text-primary: #0F172A;
  /* Slate Dark Neutral */
  --color-text-secondary: #475569;
  /* Balanced Slate Text */
  --color-text-muted: #94A3B8;
  --color-text-inverse: #FFFFFF;

  /* Status Colors */
  --color-success: #059669;
  --color-success-bg: rgba(5, 150, 105, 0.08);
  --color-warning: #D97706;
  --color-warning-bg: rgba(217, 119, 6, 0.08);
  --color-error: #DC2626;
  --color-error-bg: rgba(220, 38, 38, 0.08);
  --color-info: #0891B2;

  /* Modern Layered Shadows & Glassmorphism */
  --color-glass-bg: rgba(255, 255, 255, 0.88);
  --color-glass-border: rgba(226, 232, 240, 0.8);
  --color-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --color-shadow-md: 0 4px 12px -2px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
  --color-shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
  --color-shadow: var(--color-shadow-md);

  /* Gradients & Ambient Lighting */
  --grad-primary: linear-gradient(135deg, #059669 0%, #0891B2 100%);
  --grad-ai: linear-gradient(135deg, #0F172A 0%, #059669 50%, #0891B2 100%);
  --grad-heading: linear-gradient(180deg, #0F172A 0%, #334155 100%);
  --grad-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg-alt) 100%);
  --grad-card: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);
  --grad-glow: radial-gradient(circle at 50% 0%, rgba(5, 150, 105, 0.09) 0%, rgba(8, 145, 178, 0.04) 45%, transparent 70%);
  --grad-gold: linear-gradient(135deg, #D97706 0%, #F59E0B 100%);

  color-scheme: light dark;
}

/* Dark Theme Overrides - Obsidian Deep Midnight (#080A10) */
[data-theme="dark"] {
  --color-primary: #10B981;
  /* Radiant Laser Emerald */
  --color-primary-hover: #34D399;
  /* Luminous Emerald Mint */
  --color-primary-alpha: rgba(16, 185, 129, 0.12);
  --color-primary-border: rgba(16, 185, 129, 0.28);
  --color-primary-glow: rgba(16, 185, 129, 0.32);

  --color-secondary: #38BDF8;
  /* Luminous Sky / Electric Blue */
  --color-secondary-hover: #7DD3FC;
  --color-secondary-alpha: rgba(56, 189, 248, 0.12);
  --color-secondary-border: rgba(56, 189, 248, 0.25);
  --color-secondary-glow: rgba(56, 189, 248, 0.28);

  --color-accent: #06B6D4;
  /* Vivid Electric Cyan */
  --color-accent-hover: #22D3EE;
  --color-accent-alpha: rgba(6, 182, 212, 0.12);
  --color-accent-border: rgba(6, 182, 212, 0.28);
  --color-accent-glow: rgba(6, 182, 212, 0.32);

  --color-gold: #F59E0B;
  /* Radiant Gold */
  --color-gold-hover: #FBBF24;
  --color-gold-alpha: rgba(245, 158, 11, 0.12);
  --color-gold-border: rgba(245, 158, 11, 0.3);
  --color-gold-glow: rgba(245, 158, 11, 0.25);

  /* True Obsidian Canvas - Replaces Muddy Navy Wash */
  --color-bg: #080A10;
  /* Deep Obsidian Black Base */
  --color-bg-alt: #0D111A;
  /* Obsidian Underlay */
  --color-surface: #111622;
  /* Sleek Slate-Obsidian Surface */
  --color-surface-elevated: #161D2C;
  /* Elevated High-Contrast Card */
  --color-border: rgba(255, 255, 255, 0.08);
  /* Clean Subtle Glass Border */
  --color-border-subtle: rgba(255, 255, 255, 0.04);

  --color-text-primary: #F8FAFC;
  /* Pure Crisp White Typography */
  --color-text-secondary: #94A3B8;
  /* High Readability Technical Slate */
  --color-text-muted: #64748B;
  --color-text-inverse: #080A10;

  --color-glass-bg: rgba(13, 17, 26, 0.88);
  --color-glass-border: rgba(255, 255, 255, 0.08);
  --color-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --color-shadow-md: 0 8px 24px -4px rgba(0, 0, 0, 0.55);
  --color-shadow-lg: 0 16px 36px -6px rgba(0, 0, 0, 0.7);
  --color-shadow: var(--color-shadow-md);

  --grad-primary: linear-gradient(135deg, #10B981 0%, #06B6D4 100%);
  --grad-ai: linear-gradient(135deg, #10B981 0%, #06B6D4 50%, #6366F1 100%);
  --grad-heading: linear-gradient(180deg, #FFFFFF 0%, #CBD5E1 100%);
  --grad-surface: linear-gradient(180deg, #111622 0%, #0D111A 100%);
  --grad-card: linear-gradient(180deg, rgba(17, 22, 34, 0.9) 0%, rgba(13, 17, 26, 0.8) 100%);
  --grad-glow: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.14) 0%, rgba(6, 182, 212, 0.05) 45%, transparent 70%);
  --grad-gold: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);
}