/* CTX-Crypto — CSS Variables + Theme */
:root {
  /* Brand */
  --primary: #00d4aa;
  --primary-hover: #00b894;
  --accent: #6c5ce7;
  --danger: #ff6b6b;
  --success: #00b894;
  --warning: #fdcb6e;
  /* Radius + Spacing */
  --radius: 12px;
  --radius-sm: 8px;
  --gap: 16px;
  --gap-lg: 24px;
  --max-width: 1400px;
  /* Font */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', 'Fira Code', monospace;
}

/* Light Theme (default) */
[data-theme="light"] {
  --bg: #f5f6fa;
  --bg-card: #ffffff;
  --bg-card-hover: #f8f9fc;
  --bg-input: #f0f1f5;
  --text: #1a1a2e;
  --text-secondary: #636e72;
  --text-muted: #b2bec3;
  --border: #e0e0e0;
  --shadow: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
}

/* Dark Theme */
[data-theme="dark"] {
  --bg: #0a0a1a;
  --bg-card: #12122a;
  --bg-card-hover: #1a1a3e;
  --bg-input: #1a1a3e;
  --text: #e8e8f0;
  --text-secondary: #a0a0b8;
  --text-muted: #5a5a7a;
  --border: #2a2a4a;
  --shadow: 0 2px 12px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
}

/* Positive / Negative */
.up { color: var(--success); }
.down { color: var(--danger); }