/* Landing Theme: Fintech Crypto (Blue/Cyan)
 * Professional fintech design - Blue gradient with cyan accents
 * Used by: Landing page + Main SPA
 */

:root {
  /* === Background Colors === */
  --theme-bg-primary: #06080F;
  --theme-bg-secondary: #0C1222;
  --theme-bg-card: #0A0C10;
  --theme-bg-input: #0C1222;
  --theme-bg-glass: rgba(59,130,246,0.04);

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

  /* === Accent Colors === */
  --theme-accent-primary: #3B82F6;     /* Blue */
  --theme-accent-secondary: #06B6D4;   /* Cyan */
  --theme-accent-tertiary: #8B5CF6;    /* Purple */

  /* === Brand Colors (for trading UI) === */
  --theme-brand: #3B82F6;
  --theme-brand-light: #06B6D4;
  --theme-color-up: #00C087;           /* Green - profit */
  --theme-color-down: #F6465D;         /* Red - loss */

  /* === Border & Glass === */
  --theme-border: rgba(255,255,255,0.06);
  --theme-border-hover: rgba(59,130,246,0.2);
  --theme-glass-border: rgba(255,255,255,0.08);

  /* === Gradients === */
  --theme-gradient-cta: linear-gradient(135deg, #3B82F6, #06B6D4);
  --theme-gradient-text: linear-gradient(135deg, #3B82F6, #06B6D4);
  --theme-gradient-btn: linear-gradient(135deg, #06B6D4, #3B82F6);

  /* === Shadows === */
  --theme-shadow-primary: rgba(59,130,246,0.4);
  --theme-shadow-card: rgba(59,130,246,0.08);
  --theme-shadow-glow: rgba(59,130,246,0.15);

  /* === Fonts === */
  --theme-font-heading: 'Space Grotesk', sans-serif;
  --theme-font-body: 'Inter', sans-serif;
  --theme-font-mono: 'JetBrains Mono', monospace;

  /* === Scrollbar === */
  --theme-scrollbar-thumb: rgba(59,130,246,0.3);
  --theme-selection-bg: rgba(59,130,246,0.3);

  /* === Landing-specific aliases === */
  --landing-bg-primary: var(--theme-bg-primary);
  --landing-bg-secondary: var(--theme-bg-secondary);
  --landing-bg-glass: var(--theme-bg-glass);
  --landing-bg-glass-hover: rgba(59,130,246,0.08);
  --landing-accent-primary: var(--theme-accent-primary);
  --landing-accent-secondary: var(--theme-accent-secondary);
  --landing-accent-tertiary: var(--theme-accent-tertiary);
  --landing-text-primary: var(--theme-text-primary);
  --landing-text-secondary: var(--theme-text-secondary);
  --landing-text-muted: var(--theme-text-muted);
  --landing-border: var(--theme-border);
  --landing-border-hover: var(--theme-border-hover);
  --landing-border-focus: var(--theme-accent-primary);
  --landing-gradient-cta: var(--theme-gradient-cta);
  --landing-gradient-text: var(--theme-gradient-text);
  --landing-gradient-glow-blue: var(--theme-accent-primary);
  --landing-gradient-glow-cyan: var(--theme-accent-secondary);
  --landing-shadow-primary: var(--theme-shadow-primary);
  --landing-shadow-card: var(--theme-shadow-card);
  --landing-shadow-phone: var(--theme-shadow-card);
  --landing-scrollbar-thumb: var(--theme-scrollbar-thumb);
  --landing-selection-bg: var(--theme-selection-bg);
  --landing-font-heading: var(--theme-font-heading);
  --landing-font-body: var(--theme-font-body);
  --landing-font-mono: var(--theme-font-mono);
}