:root {
  /* Backgrounds */
  --color-bg-primary: #0a0e14;
  --color-bg-secondary: #111820;
  --color-bg-surface: #1a2332;
  --color-bg-surface-hover: #222e3f;
  --color-bg-card: #151d29;

  /* Brand / Accent */
  --color-primary: #00e676;
  --color-primary-dim: #00c863;
  --color-primary-glow: rgba(0, 230, 118, 0.3);
  --color-primary-subtle: rgba(0, 230, 118, 0.08);

  /* Text */
  --color-text-primary: #e8edf4;
  --color-text-secondary: #8899aa;
  --color-text-muted: #556677;

  /* Borders */
  --color-border: #1e2a3a;
  --color-border-hover: #2a3a4e;

  /* Semantic */
  --color-danger: #ff4d6a;
  --color-danger-subtle: rgba(255, 77, 106, 0.1);
  --color-warning: #ffaa00;
  --color-warning-subtle: rgba(255, 170, 0, 0.1);
  --color-info: #40c4ff;
  --color-info-subtle: rgba(64, 196, 255, 0.1);

  /* Typography */
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
}