:root {
  /* Core colors */
  --zc-bg: #0e1117;
  --zc-bg-2: #0f172a;
  --zc-panel: #0b0f14;
  --zc-border: #1e293b;
  --zc-border-soft: rgba(226, 232, 240, 0.08);
  --zc-text: #e2e8f0;
  --zc-text-light: #cbd5e1;
  --zc-text-muted: #94a3b8;
  --zc-text-dimmer: #64748b;
  --zc-text-dim: #6b7280;
  --zc-text-faint: #9ca3af;
  --zc-text-dark: #4b5563;
  --zc-text-soft: rgba(226, 232, 240, 0.7);

  /* Accents */
  --zc-accent: #38bdf8;
  --zc-accent-strong: #0ea5e9;
  --zc-success: #22c55e;
  --zc-ok: #16a34a;
  --zc-danger: #ef4444;
  --zc-err: #dc2626;
  --zc-warning: #f59e0b;
  --zc-warn: #b45309;

  /* Buttons */
  --zc-btn-primary-a: #00d2ff;
  --zc-btn-primary-b: #3a7bd5;
  --zc-btn-secondary-bg: rgba(30, 41, 59, 0.55);
  --zc-btn-secondary-border: #334155;
  --zc-btn-secondary-text: #e2e8f0;

  /* Surfaces */
  --zc-surface-1: rgba(30, 41, 59, 0.65);
  --zc-surface-2: rgba(30, 41, 59, 0.55);
  --zc-border-strong: #334155;
  --zc-border-strong-alpha: rgba(51, 65, 85, 0.65);

  /* Muted fills */
  --zc-muted-fill: rgba(148, 163, 184, 0.12);
  --zc-muted-glow: rgba(148, 163, 184, 0.08);
  --zc-muted-border-strong: rgba(148, 163, 184, 0.75);

  /* Accent glows */
  --zc-accent-border: rgba(56, 189, 248, 0.65);
  --zc-accent-glow: rgba(56, 189, 248, 0.14);
  --zc-accent-glow-soft: rgba(56, 189, 248, 0.1);
  --zc-accent-bg-soft: rgba(56, 189, 248, 0.08);

  /* Primary button glow */
  --zc-primary-glow-1: rgba(0, 210, 255, 0.1);
  --zc-primary-glow-2: rgba(0, 210, 255, 0.12);
  --zc-primary-glow-3: rgba(0, 210, 255, 0.16);

  /* Shadows */
  --zc-shadow-1: rgba(0, 0, 0, 0.14);
  --zc-shadow-2: rgba(0, 0, 0, 0.15);
  --zc-shadow-3: rgba(0, 0, 0, 0.18);
  --zc-shadow-4: rgba(0, 0, 0, 0.2);
  --zc-shadow-5: rgba(0, 0, 0, 0.26);
  --zc-shadow-6: rgba(0, 0, 0, 0.28);
  --zc-shadow-7: rgba(0, 0, 0, 0.35);
  --zc-shadow-8: rgba(0, 0, 0, 0.38);
  --zc-shadow-9: rgba(0, 0, 0, 0.42);

  --zc-white-06: rgba(255, 255, 255, 0.06);

  /* Status backgrounds */
  --zc-ok-bg: rgba(22, 163, 74, 0.1);
  --zc-ok-border: rgba(22, 163, 74, 0.25);
  --zc-warn-bg: rgba(245, 158, 11, 0.12);
  --zc-warn-border: rgba(245, 158, 11, 0.28);
  --zc-err-bg: rgba(220, 38, 38, 0.1);
  --zc-err-border: rgba(220, 38, 38, 0.25);

  /* Purple accent set */
  --zc-purple-200: #c4b5fd;
  --zc-purple-300: #a78bfa;
  --zc-purple-500: #8b5cf6;
  --zc-purple-600: #7c3aed;
  --zc-purple-800: #5b21b6;
  --zc-purple-300-55: rgba(167, 139, 250, 0.55);
  --zc-purple-300-70: rgba(167, 139, 250, 0.7);
  --zc-purple-500-12: rgba(139, 92, 246, 0.12);
  --zc-purple-500-18: rgba(139, 92, 246, 0.18);
  --zc-purple-500-35: rgba(139, 92, 246, 0.35);
  --zc-purple-500-40: rgba(139, 92, 246, 0.4);

  /* Tier badge palette */
  --zc-tier-free-bg: linear-gradient(135deg, #374151 0%, #1f2937 100%);
  --zc-tier-free-text: #d1d5db;
  --zc-tier-free-border: #4b5563;
  --zc-tier-free-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

  --zc-tier-pro-bg: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  --zc-tier-pro-text: #ffffff;
  --zc-tier-pro-border: #60a5fa;
  --zc-tier-pro-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);

  --zc-tier-ultra-bg: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);
  --zc-tier-ultra-text: #ffffff;
  --zc-tier-ultra-border: #c4b5fd;
  --zc-tier-ultra-shadow: 0 2px 8px rgba(167, 139, 250, 0.4);

  /* Signals */
  --zc-signal-sell-strong: #ff0000;
  --zc-signal-sell: #cc0000;
  --zc-signal-sell-soft: #4d0000;
  --zc-signal-sell-text-soft: #ffcccc;
  --zc-signal-buy-strong: #00ff00;
  --zc-signal-buy: #009900;
  --zc-signal-buy-soft: #003300;
  --zc-signal-buy-text-soft: #ccffcc;
  --zc-signal-buy-border: #006600;
  --zc-signal-sell-border: #660000;

  /* Layout */
  --zc-radius-md: 10px;
  --zc-radius-sm: 6px;
}