:root {
  --background: #07111f;
  --surface: rgba(16, 25, 43, 0.7);
  --surface-border: rgba(255, 255, 255, 0.08);

  --text-primary: #f4f7fb;
  --text-secondary: #8fa3bf;

  --accent: #5eead4;
  --accent-soft: rgba(94, 234, 212, 0.12);

  --positive: #4ade80;
  --negative: #fb7185;

  --shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

body.light-mode {
  --background: #eef5ff;
  --surface: rgba(255, 255, 255, 0.86);
  --surface-border: rgba(15, 23, 42, 0.12);

  --text-primary: #0f172a;
  --text-secondary: #475569;

  --accent: #2563eb;
  --accent-soft: rgba(37, 99, 235, 0.12);

  --positive: #16a34a;
  --negative: #dc2626;

  --shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
}