/* =============================================================================
   COLOR SCHEME & THEME VARIABLES - DARK MODE ONLY
   ============================================================================= */

:root {
  /* Background Colors */
  --bg-primary: #181818;
  --bg-secondary: #ffffff20;
  --bg-tertiary: #ffffff10;
  --bg-dashboard: #ffffff10;
  
  /* Text Colors */
  --text-primary: #e8eaed;
  --text-secondary: #9aa0a6;
  --text-muted: #ffffff50;
  
  /* Shadow */
  --shadow-light: rgba(0,0,0,0.5);
  --shadow-focus: rgba(138, 180, 248, 0.2);

  /* Status Colors */
  --status-neutral: #539BFF;
  --status-positive: #4ac788;
  --status-negative: #e12f2f;
  --status-warning: #f9ac4f;
  
  /* Signal Colors */
  --signal-strong-buy: #4ac788;
  --signal-strong-buy-hover: #5fe4a1;
  --signal-strong-sell: #e12f2f;
  --signal-weak-buy: #4ac788;
  --signal-weak-sell: #e12f2f;
  --signal-conflicting: #f9ac4f;
  --signal-neutral: #539BFF;


  /* Signal Backgrounds */
  --signal-positive-bg: rgba(19, 115, 51, 0.2);
  --signal-negative-bg: rgba(218, 49, 37, 0.12);
  --signal-neutral-bg: rgba(95, 99, 104, 0.2);
  --signal-conflicting-bg: rgba(249, 172, 79, 0.1);
  
  /* Percentage Change Backgrounds */
  --percent-positive-bg: rgba(19, 115, 51, 0.2);
  --percent-negative-bg: rgba(218, 49, 37, 0.12);
  --percent-neutral-bg: rgba(95, 99, 104, 0.2);
  
  /* Form Elements */
  --input-bg: var(--bg-tertiary);
  --input-border: var(--bg-secondary);
  --input-text: var(--text-primary);

  /* Glass Border */
  --glass-border: #ffffff10;
}

/* =============================================================================
   UTILITY CLASSES FOR STATUS AND SIGNAL INDICATORS
   ============================================================================= */

/* Status Classes */
.status-neutral { 
  color: var(--status-neutral) !important;
  background: var(--signal-neutral-bg) !important;
}
.status-oversold { 
  color: var(--status-positive) !important;
  background: var(--signal-positive-bg) !important;
}
.status-overbought { 
  color: var(--status-negative) !important;
  background: var(--signal-negative-bg) !important;
}
.status-bullish { 
  color: var(--status-positive) !important;
  background: var(--signal-positive-bg) !important;
}
.status-bearish { 
  color: var(--status-negative) !important;
  background: var(--signal-negative-bg) !important;
}

/* Signal Classes */
.signal-bullish { 
  color: var(--signal-strong-buy) !important; 
  font-weight: 700; 
}
.signal-bearish { 
  color: var(--signal-strong-sell) !important; 
  font-weight: 700; 
}
.signal-weak_bullish { color: var(--signal-weak-buy) !important; }
.signal-weak_bearish { color: var(--signal-weak-sell) !important; }
.signal-conflicting { color: var(--signal-conflicting) !important; }
.signal-neutral { color: var(--signal-neutral) !important; }

/* Percentage Change Classes */
.percent-change.positive {
  color: var(--status-positive) !important;
  background: var(--percent-positive-bg) !important;
}

.percent-change.negative {
  color: var(--status-negative) !important;
  background: var(--percent-negative-bg) !important;
}

.percent-change.neutral {
  color: var(--text-secondary) !important;
  background: var(--percent-neutral-bg) !important;
}

/* Price Value Classes - match percent change colors */
.price-value.positive {
  color: var(--status-positive) !important;
}

.price-value.negative {
  color: var(--status-negative) !important;
}

.price-value.neutral {
  color: var(--text-primary) !important;
}