/**
 * Solymarket Color Theme
 * Lime Green + Purple accent
 */

:root {
  /* Primary Colors - Lime Green */
  --color-primary: #9aff00;
  --color-primary-light: #baff33;
  --color-primary-dark: #7acc00;
  --color-primary-rgb: 154, 255, 0;

  /* Secondary Colors - Purple */
  --color-secondary: #a855f7;
  --color-secondary-light: #c084fc;
  --color-secondary-dark: #8b5cf6;
  --color-secondary-rgb: 168, 85, 247;

  /* Outcome Colors */
  --color-yes: var(--color-primary);
  --color-no: var(--color-secondary);

  /* Trade Actions */
  --color-buy: var(--color-primary);
  --color-sell: var(--color-secondary);

  /* Status Colors */
  --color-profit: #10b981;
  --color-loss: #ef4444;
  --color-warning: #f59e0b;
  --color-info: #3b82f6;

  /* Background Colors */
  --bg-primary: #0a0e13;
  --bg-secondary: #0d1218;
  --bg-tertiary: #1a1f2e;
  --bg-card: rgba(255, 255, 255, 0.03);
  --bg-card-hover: rgba(255, 255, 255, 0.05);

  /* Border Colors */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-medium: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.15);

  /* Text Colors */
  --text-primary: #f8faf9;
  --text-secondary: #d4dce5;
  --text-muted: #9ca3af;
  --text-disabled: #6b7280;

  /* Gradients */
  --gradient-primary: linear-gradient(90deg, #9aff00, #7acc00);
  --gradient-secondary: linear-gradient(90deg, #a855f7, #8b5cf6);
  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);

  /* Shadows */
  --shadow-primary: 0 2px 8px rgba(154, 255, 0, 0.15);
  --shadow-secondary: 0 2px 8px rgba(168, 85, 247, 0.15);
  --shadow-glow-primary: 0 0 12px 0 rgba(154, 255, 0, 0.18);
  --shadow-glow-secondary: 0 0 12px 0 rgba(168, 85, 247, 0.18);

  /* Category Colors */
  --category-crypto: var(--color-primary);
  --category-sports: var(--color-secondary);
  --category-politics: #3b82f6;
  --category-entertainment: #f59e0b;
  --category-finance: #10b981;
}

/* Utility Classes */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-yes { color: var(--color-yes); }
.text-no { color: var(--color-no); }
.text-profit { color: var(--color-profit); }
.text-loss { color: var(--color-loss); }

.bg-primary { background: var(--color-primary); }
.bg-secondary { background: var(--color-secondary); }
.bg-card { background: var(--bg-card); }

.border-primary { border-color: var(--color-primary); }
.border-secondary { border-color: var(--color-secondary); }

.gradient-primary { background: var(--gradient-primary); }
.gradient-secondary { background: var(--gradient-secondary); }

/* Button Variants */
.btn-primary {
  background: var(--gradient-primary);
  color: #041;
  box-shadow: var(--shadow-primary);
}

.btn-primary:hover {
  box-shadow: var(--shadow-glow-primary);
}

.btn-secondary {
  background: var(--gradient-secondary);
  color: #fff;
  box-shadow: var(--shadow-secondary);
}

.btn-secondary:hover {
  box-shadow: var(--shadow-glow-secondary);
}

.btn-yes {
  background: var(--gradient-primary);
  color: #041;
}

.btn-no {
  background: var(--gradient-secondary);
  color: #fff;
}

/* Outcome Badges */
.outcome-badge-yes {
  background: rgba(154, 255, 0, 0.1);
  color: var(--color-yes);
  border: 1px solid rgba(154, 255, 0, 0.3);
}

.outcome-badge-no {
  background: rgba(168, 85, 247, 0.1);
  color: var(--color-no);
  border: 1px solid rgba(168, 85, 247, 0.3);
}

/* Chart Colors */
.chart-line-yes { stroke: var(--color-yes); }
.chart-line-no { stroke: var(--color-no); }
.chart-fill-yes { fill: rgba(154, 255, 0, 0.2); }
.chart-fill-no { fill: rgba(168, 85, 247, 0.2); }