/* Pavlon platform design tokens - the one source both surfaces consume. */
:root {
  --bg: #0a0d13;
  --panel: rgba(22, 27, 38, 0.72);
  --panel-solid: #161b26;
  --line: #232b3a;
  --line2: #2d3850;
  --text: #dfe6f1;
  --dim: #8b97ab;
  --accent: #5aa9ff;
  --accent2: #8b5cf6;
  --ok: #3fca8b;
  --warn: #e8b153;
  --bad: #e86060;
  --chip: #1c2434;
  --up: #35c98e;
  --down: #e35f6b;
  /* engine hues - data colors, never decoration */
  --e-sma: #5aa9ff;
  /* SMA period identity, matching the native SMA studio. */
  --sma-10: #5aa9ff;
  --sma-50: #e8b153;
  --sma-200: #c2a6ed;
  --e-ema: #38bdf8;
  --e-structure: #7fd4e0;
  --e-zones: #3fca8b;
  --e-fibonacci: #c792ea;
  --e-trendline: #e8b153;
  --e-avwap: #6f8bff;
  --e-regression: #f0a35e;
  --e-price-action: #ff8fa3;
  --e-auction: #9adbc8;
  --e-numbers: #d4b8ff;
  /* motion */
  --ease: cubic-bezier(.2, .7, .3, 1);
  --t-fast: .15s;
  --t-med: .25s;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}