/* QIS — Quant Invest System | Design Tokens */

:root {
  /* Background */
  --bg-primary:    #0A0F1C;
  --bg-secondary:  #141B2D;
  --bg-card:       #1A2238;
  --bg-card-hover: #1E2840;
  --bg-input:      #111827;

  /* Accent */
  --accent:        #00D4AA;
  --accent-hover:  #00E8BC;
  --accent-muted:  rgba(0, 212, 170, 0.12);
  --accent-border: rgba(0, 212, 170, 0.3);

  /* Blue */
  --blue:          #3B82F6;
  --blue-muted:    rgba(59, 130, 246, 0.15);

  /* Status */
  --green:         #22C55E;
  --red:           #EF4444;
  --yellow:        #F59E0B;
  --red-muted:     rgba(239, 68, 68, 0.15);

  /* Text */
  --text-primary:  #FFFFFF;
  --text-secondary:#94A3B8;
  --text-muted:    #64748B;

  /* Borders */
  --border:        rgba(255, 255, 255, 0.08);
  --border-hover:  rgba(255, 255, 255, 0.16);

  /* Typography */
  --font-sans:     'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:     'JetBrains Mono', 'Fira Code', monospace;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Border radius */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 40px rgba(0, 212, 170, 0.15);

  /* Transitions */
  --transition: 0.2s ease;
  --transition-slow: 0.4s ease;

  /* Layout */
  --max-width: 1200px;
  --nav-height: 72px;
}