/*
 * VantageLedger — App Tokens
 * ==========================
 * App-specific tokens layered on top of the shared design system:
 * asset-category taxonomy colors, the chart indicator palette, and
 * numeric type aliases. Not part of the vendored design-system core.
 */

:root {
  /* Category-dot palette — non-brand colors used only as taxonomy markers in badges. */
  --category-index:     #5B21B6;
  --category-commodity: #9C7A29;

  /* Layout */
  --indicator-pane-height: 120px;

  /* ==========================================
   * INDICATOR COLORS — chart datasets
   * These are functional (40+ technical indicators), not brand.
   * ========================================== */
  --color-sma-20:  rgb(255, 165, 0);
  --color-sma-50:  rgb(153, 102, 255);
  --color-sma-100: rgb(255, 99, 132);
  --color-sma-200: rgb(54, 162, 235);

  --color-ema-20:  rgb(34, 197, 94);
  --color-ema-50:  rgb(220, 38, 38);
  --color-ema-100: rgb(217, 70, 239);
  --color-ema-200: rgb(120, 53, 15);

  --color-rsi-9:   rgb(239, 68, 68);
  --color-rsi-14:  rgb(14, 165, 233);
  --color-rsi-21:  rgb(168, 85, 247);
  --color-rsi-25:  rgb(251, 146, 60);

  --color-macd-26: rgb(59, 130, 246);

  --color-bb-10: rgb(20, 184, 166);
  --color-bb-20: rgb(245, 158, 11);
  --color-bb-50: rgb(139, 92, 246);

  --color-stochastic-5:  rgb(239, 68, 68);
  --color-stochastic-9:  rgb(14, 165, 233);
  --color-stochastic-14: rgb(168, 85, 247);
  --color-stochastic-21: rgb(251, 146, 60);

  --color-atr-7:  rgb(16, 185, 129);
  --color-atr-14: rgb(234, 88, 12);
  --color-atr-21: rgb(99, 102, 241);
  --color-atr-28: rgb(244, 114, 182);

  --color-adx-14: rgb(59, 130, 246);
  --color-adx-21: rgb(99, 102, 241);
  --color-adx-28: rgb(139, 92, 246);
  --color-di-plus: rgb(34, 197, 94);
  --color-di-minus: rgb(239, 68, 68);

  --color-cci-14: rgb(239, 68, 68);
  --color-cci-20: rgb(14, 165, 233);
  --color-cci-50: rgb(168, 85, 247);

  --color-obv: rgb(16, 185, 129);

  --color-mfi-9: rgb(239, 68, 68);
  --color-mfi-14: rgb(14, 165, 233);
  --color-mfi-21: rgb(168, 85, 247);

  --color-parabolic_sar: rgb(255, 159, 64);

  --color-williams_r-9: rgb(239, 68, 68);
  --color-williams_r-14: rgb(14, 165, 233);
  --color-williams_r-21: rgb(168, 85, 247);
  --color-williams_r-28: rgb(251, 146, 60);

  --color-vwap: rgb(34, 197, 94);

  --color-keltner_channels: rgb(251, 191, 36);

  --color-aroon-14: rgb(239, 68, 68);
  --color-aroon-25: rgb(14, 165, 233);
  --color-aroon-50: rgb(168, 85, 247);

  --color-stochastic_rsi-9: rgb(239, 68, 68);
  --color-stochastic_rsi-14: rgb(14, 165, 233);
  --color-stochastic_rsi-21: rgb(168, 85, 247);

  --color-donchian_channels-10: rgb(239, 68, 68);
  --color-donchian_channels-20: rgb(14, 165, 233);
  --color-donchian_channels-55: rgb(168, 85, 247);

  --color-cmf-10: rgb(239, 68, 68);
  --color-cmf-20: rgb(14, 165, 233);
  --color-cmf-21: rgb(168, 85, 247);

  --color-roc-9:  rgb(239, 68, 68);
  --color-roc-14: rgb(14, 165, 233);
  --color-roc-25: rgb(168, 85, 247);

  --color-wma-20: rgb(139, 92, 246);
  --color-wma-50: rgb(6, 182, 212);
  --color-wma-100: rgb(249, 115, 22);
  --color-wma-200: rgb(16, 185, 129);

  --color-hma-20: rgb(236, 72, 153);
  --color-hma-50: rgb(20, 184, 166);
  --color-hma-100: rgb(250, 204, 21);
  --color-hma-200: rgb(99, 102, 241);

  --color-dema-20: rgb(239, 68, 68);
  --color-dema-50: rgb(234, 88, 12);
  --color-dema-100: rgb(34, 197, 94);
  --color-dema-200: rgb(14, 165, 233);

  --color-tema-20: rgb(168, 85, 247);
  --color-tema-50: rgb(52, 211, 153);
  --color-tema-100: rgb(251, 130, 44);
  --color-tema-200: rgb(244, 63, 94);

  --color-trix-9: rgb(251, 130, 44);
  --color-trix-14: rgb(108, 117, 230);
  --color-trix-25: rgb(52, 211, 153);

  --color-ppo-26: rgb(59, 130, 246);

  --color-dpo-10: rgb(239, 68, 68);
  --color-dpo-20: rgb(14, 165, 233);
  --color-dpo-50: rgb(168, 85, 247);

  --color-tsi: rgb(59, 130, 246);

  --color-ultimate_oscillator: rgb(168, 85, 247);

  --color-fisher_transform-9: rgb(239, 68, 68);
  --color-fisher_transform-10: rgb(14, 165, 233);
  --color-fisher_transform-14: rgb(168, 85, 247);

  --color-adl: rgb(52, 211, 153);

  --color-force_index-9: rgb(239, 68, 68);
  --color-force_index-13: rgb(14, 165, 233);
  --color-force_index-21: rgb(168, 85, 247);

  --color-mass_index: rgb(249, 115, 22);

  --color-vortex-14: rgb(59, 130, 246);
  --color-vortex-21: rgb(99, 102, 241);
  --color-vortex-28: rgb(139, 92, 246);

  --color-klinger: rgb(59, 130, 246);
  --color-klinger-signal: rgb(234, 88, 12);

  --color-standard_deviation-10: rgb(239, 68, 68);
  --color-standard_deviation-20: rgb(14, 165, 233);
  --color-standard_deviation-50: rgb(168, 85, 247);

  --color-chaikin_volatility: rgb(249, 115, 22);

  --color-coppock_curve: rgb(20, 184, 166);

  --color-heikin_ashi: rgb(59, 130, 246);

  --color-pivot_points-p: rgb(107, 114, 128);
  --color-pivot_points-r1: rgb(34, 197, 94);
  --color-pivot_points-r2: rgb(16, 185, 129);
  --color-pivot_points-r3: rgb(20, 184, 166);
  --color-pivot_points-s1: rgb(239, 68, 68);
  --color-pivot_points-s2: rgb(220, 38, 38);
  --color-pivot_points-s3: rgb(185, 28, 28);

  --color-kama-10: rgb(253, 186, 116);
  --color-kama-20: rgb(251, 146, 60);
  --color-kama-30: rgb(234, 88, 12);

  --color-chande_momentum_oscillator-9: rgb(250, 204, 21);
  --color-chande_momentum_oscillator-14: rgb(234, 179, 8);
  --color-chande_momentum_oscillator-20: rgb(161, 98, 7);

  --color-choppiness_index-14: rgb(167, 139, 250);
  --color-choppiness_index-20: rgb(139, 92, 246);
  --color-choppiness_index-50: rgb(109, 40, 217);

  --color-chaikin_oscillator: rgb(20, 184, 166);

  --color-elder_ray-9: rgb(59, 130, 246);
  --color-elder_ray-13: rgb(99, 102, 241);
  --color-elder_ray-21: rgb(139, 92, 246);
}

/* Numeric runs — domain aliases for the design system's .mono utility */
.ticker, .price, .change, .volume {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}