/* ── elite.css ───────────────────────────────────────────────────────────
 * Brand tokens. WOT is a service / planner — distinct from LTJ. Dark
 * canvas, hot orange→pink gradient as the single brand vector, lime
 * targets, oversized typography, generous radii.
 * ───────────────────────────────────────────────────────────────────── */

:root {
  /* canvas */
  --wot-bg-0: #0a0a0a;
  --wot-bg-1: #111114;
  --wot-bg-2: #16161b;
  --wot-bg-3: #1c1c23;
  --wot-border:        rgba(255,255,255,0.08);
  --wot-border-strong: rgba(255,255,255,0.14);

  /* text */
  --wot-text-0: #ffffff;
  --wot-text-1: #c9c9d1;
  --wot-text-2: #7a7a85;
  --wot-text-3: #4a4a55;

  /* brand */
  --wot-grad-start: #FF6B1F;
  --wot-grad-end:   #FF1F8F;
  --wot-grad:       linear-gradient(135deg, var(--wot-grad-start), var(--wot-grad-end));
  --wot-grad-glow:  0 12px 40px rgba(255, 31, 143, 0.18);

  /* roles */
  --wot-bull:   #22c55e;
  --wot-bear:   #ef4444;
  --wot-target: #d4f04a;
  --wot-stop:   #ff5252;
  --wot-entry:  #22c55e;
  --wot-chop:   #f5b400;

  /* status pills */
  --wot-pill-active:    #7c5cff;
  --wot-pill-planned:   #6a7184;
  --wot-pill-triggered: #f5b400;
  --wot-pill-filled:    #22c55e;
  --wot-pill-closed:    #4a4a55;
  --wot-pill-missed:    #3a3a44;
  --wot-pill-invalid:   #ef4444;

  /* chart */
  --wot-candle-up:     #26d97f;
  --wot-candle-down:   #ef4444;
  --wot-candle-wick:   rgba(255,255,255,0.55);
  --wot-level-line:    rgba(74, 222, 128, 0.55);
  --wot-level-label:   rgba(255, 255, 255, 0.85);
  --wot-current-line:  #ff4d4d;
  --wot-current-label: #ffffff;
  --wot-grid:          rgba(255,255,255,0.04);

  /* type */
  --wot-font: "Inter", system-ui, -apple-system, "SF Pro Display", "Segoe UI", sans-serif;
  --wot-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* sizing */
  --wot-r-sm: 8px;
  --wot-r-md: 14px;
  --wot-r-lg: 22px;
  --wot-r-pill: 999px;
  --wot-h-header: 64px;
  --wot-shadow-card: 0 12px 40px rgba(255, 31, 143, 0.10), 0 2px 8px rgba(0,0,0,0.6);
  --wot-shadow-pop:  0 24px 60px rgba(0,0,0,0.7);
}