/**
 * VantageProMarket — Design Tokens
 * Institutional crypto terminal (TradingView-inspired)
 */

:root {
  /* Brand — shared across themes */
  --vpm-primary: #2962ff;
  --vpm-primary-dark: #1e53e5;
  --vpm-secondary: #5b9cf6;
  --vpm-cta: #2962ff;
  --vpm-cta-hover: #1e53e5;
  --vpm-accent: #00bcd4;
  --vpm-accent-hover: #00acc1;
  --vpm-accent-muted: rgba(0, 188, 212, 0.12);

  /* Market semantics — muted pro greens/reds */
  --vpm-success: #26a69a;
  --vpm-success-bg: rgba(38, 166, 154, 0.16);
  --vpm-danger: #ef5350;
  --vpm-danger-bg: rgba(239, 83, 80, 0.16);
  --vpm-warning: #ffb74d;
  --vpm-warning-bg: rgba(255, 183, 77, 0.14);
  --vpm-info: #5b9cf6;
  --vpm-info-bg: rgba(91, 156, 246, 0.14);
  --vpm-inactive: #5d606b;
  --vpm-inactive-bg: #2a2e39;

  /* Typography */
  --vpm-font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --vpm-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --vpm-text-xs: 11px;
  --vpm-text-sm: 13px;
  --vpm-text-base: 14px;
  --vpm-text-lg: 18px;
  --vpm-text-xl: 22px;
  --vpm-text-2xl: 28px;
  --vpm-text-3xl: 36px;
  --vpm-weight-normal: 400;
  --vpm-weight-medium: 500;
  --vpm-weight-semibold: 600;
  --vpm-weight-bold: 700;

  /* Spacing */
  --vpm-space-1: 8px;
  --vpm-space-2: 16px;
  --vpm-space-3: 24px;
  --vpm-space-4: 32px;
  --vpm-space-5: 48px;
  --vpm-space-6: 64px;

  /* Radius — subtle, institutional */
  --vpm-radius-sm: 4px;
  --vpm-radius-md: 6px;
  --vpm-radius-lg: 10px;
  --vpm-radius-none: 0;

  /* Layout */
  --vpm-container: 1320px;
  --vpm-header-h: 56px;
  --vpm-topnav-h: 56px;
  --vpm-sidebar-w: 0px;

  /* Motion */
  --vpm-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --vpm-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --vpm-duration: 150ms;
  --vpm-duration-slow: 350ms;

  /* Charts */
  --vpm-chart-positive: #26a69a;
  --vpm-chart-negative: #ef5350;

  /* Z-index */
  --vpm-z-dropdown: 20;
  --vpm-z-header: 30;
  --vpm-z-overlay: 40;
  --vpm-z-modal: 50;
}