/**
 * AlgoBK Pro — Design Tokens (single source of truth for scales + aliases)
 * Color surfaces for Light Pro / Dark Pro are owned by theme-engine.css
 * (loaded immediately after this file). Consume CSS variables; avoid raw hex in components.
 *
 * Canonical brand: primary #1E90FF · success #00FF85 · danger #FF5C5C · warning #F59E0B
 */

:root {
  /* ── Brand / semantic ── */
  --color-primary: #1E90FF;
  --color-primary-hover: #3aa0ff;
  --color-primary-muted: rgba(30, 144, 255, 0.14);
  --color-primary-border: rgba(30, 144, 255, 0.28);

  --color-success: #00FF85;
  --color-success-hover: #33ffaa;
  --color-success-muted: rgba(0, 255, 133, 0.12);
  --color-success-ink: #0D0D0D;

  --color-warning: #F59E0B;
  --color-warning-muted: rgba(245, 158, 11, 0.12);

  --color-danger: #FF4D6D;
  --color-danger-hover: #ff6b85;
  --color-danger-muted: rgba(255, 77, 109, 0.12);

  --color-info: #1E90FF;
  --color-info-muted: rgba(30, 144, 255, 0.12);

  /* ── Surfaces ── */
  --color-bg-0: #0D0D0D;
  --color-bg-1: #151922;
  --color-bg-2: #1A1F2B;
  --color-bg-3: #1E2433;
  --color-chrome: #11161F;
  --color-surface-hover: #222836;

  /* ── Text ── */
  --color-text-1: #FFFFFF;
  --color-text-2: #A8B3C7;
  --color-text-3: #7c8899;
  --color-text-disabled: #5a6578;

  /* ── Borders ── */
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.12);
  --color-divider: rgba(255, 255, 255, 0.08);

  /* ── Radius scale ── */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* ── Shadow scale ── */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);
  --shadow-glow-primary: 0 6px 20px rgba(30, 144, 255, 0.28);

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

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

  --text-xs: 10px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ── Motion ── */
  --duration-fast: 120ms;
  --duration-normal: 180ms;
  --duration-slow: 280ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Breakpoints (docs / JS; mirror in @media) ── */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;

  /* ── Icons (foundation sizes) ── */
  --icon-xs: 12px;
  --icon-sm: 14px;
  --icon-md: 18px;
  --icon-lg: 24px;
  --icon-xl: 32px;

  /* ═══════════════════════════════════════════════════════════
     LEGACY ALIASES — keep existing pages working without redesign
     ═══════════════════════════════════════════════════════════ */
  --bg-0: var(--color-bg-0);
  --bg-1: var(--color-bg-1);
  --bg-2: var(--color-bg-2);
  --bg-3: var(--color-bg-3);
  --chrome-bg: var(--color-chrome);
  --surface-hover: var(--color-surface-hover);

  --accent: var(--color-primary);
  --accent-dim: var(--color-primary-hover);
  --accent-hover: var(--color-primary-hover);

  --green: var(--color-success);
  --green-dim: #00cc6a;
  --red: var(--color-danger);
  --red-dim: #e63956;
  --yellow: var(--color-warning);

  --text-1: var(--color-text-1);
  --text-2: var(--color-text-2);
  --text-3: var(--color-text-3);

  --border: var(--color-border);
  --border-light: var(--color-border-strong);
  --divider: var(--color-divider);

  --ease: var(--ease-standard);
  --dur: var(--duration-normal);

  /* home.css / marketing */
  --blue: var(--color-primary);
  --blue-2: var(--color-primary-hover);
  --up: var(--color-success);
  --down: var(--color-danger);
  --text: var(--color-text-1);
  --muted: var(--color-text-2);
  --muted-2: var(--color-text-3);
  --radius: var(--radius-lg);

  /* Auth / LP aliases used in premium + base */
  --lp-blue: var(--color-primary);
  --lp-blue-light: var(--color-primary-hover);
  --lp-green: var(--color-success);
  --lp-red: var(--color-danger);
  --lp-radius: var(--radius-md);

  /* Chart overlays (Volume Profile / OI Profile) */
  --chart-vp-bar: rgba(147, 197, 253, 0.25);
  --chart-vp-va: rgba(147, 197, 253, 0.5);
  --chart-vp-poc: #f0c419;
  --chart-oi-ce: rgba(239, 83, 80, 0.45);
  --chart-oi-pe: rgba(38, 166, 154, 0.45);
  --positive: var(--color-success);
  --negative: var(--color-danger);
}