body.chargewise-platform {
  --bg: #0b1119;
  --surface: #131b24;
  --surface-alt: #1a2430;
  --text: #e7eef8;
  --muted: #9cb1c8;
  --accent: #6ee7b7;
  --accent-2: #60a5fa;
  --accent-3: #fbbf24;
  --border: rgba(231, 238, 248, 0.12);
  --shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
  background: radial-gradient(circle at top right, rgba(96, 165, 250, 0.2), transparent 45%),
    radial-gradient(circle at top left, rgba(110, 231, 183, 0.2), transparent 45%),
    linear-gradient(180deg, #0b1119 0%, #0f1622 45%, #0b1119 100%);
}

body.chargewise-platform .site-header {
  background: rgba(11, 17, 25, 0.8);
}

body.chargewise-platform .nav-links a:hover {
  border-bottom-color: var(--accent);
}

body.chargewise-platform .card,
body.chargewise-platform .hero-visual,
body.chargewise-platform .tour {
  background: var(--surface);
  border-color: var(--border);
}

body.chargewise-platform .cta.secondary {
  color: var(--text);
  border-color: var(--border);
}

body.chargewise-platform .diagram .node,
body.chargewise-platform .diagram .folder {
  background: var(--surface-alt);
  color: var(--text);
}

body.chargewise-platform .chart .bar {
  background: rgba(96, 165, 250, 0.18);
}

body.chargewise-platform .tour-step.active {
  background: var(--accent);
  color: #0b1119;
}

body.chargewise-platform .toggle-btn.active {
  background: var(--accent);
  color: #0b1119;
}

body.chargewise-platform .link-card {
  background: var(--surface-alt);
}