:root[data-theme="dark"] {
  --bg-app: #0f0b1a;
  --bg-surface: #1a1033;
  --bg-surface-elevated: #251b42;
  --text-primary: #ffffff;
  --text-secondary: #a9a6b8;
  --text-inverse: #0f0b1a;
  --border-subtle: #2d2640;
  --border-focus: #754ffe;
  --action-primary: #754ffe;
  --action-primary-hover: #8f6fff;
  --color-talc-white: #0f0b1a;
  --color-onyx-black: #ffffff;
  --color-mist-gray: #1a1033;
}

:root[data-theme="dark"] body {
  background: radial-gradient(circle at top left, #1a1033 0%, #0f0b1a 40%, #05030d 100%);
  color: var(--text-primary);
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6,
:root[data-theme="dark"] p,
:root[data-theme="dark"] li {
  color: inherit;
}

:root[data-theme="dark"] a {
  color: var(--action-primary);
  border-bottom-color: rgba(117, 79, 254, 0.4);
}

:root[data-theme="dark"] a:hover {
  color: var(--action-primary-hover);
  border-bottom-color: var(--action-primary-hover);
}

:root[data-theme="dark"] .slide {
  background-color: var(--bg-surface);
  border-color: var(--border-subtle);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.6);
}

:root[data-theme="dark"] .slide-content {
  background: transparent;
  color: var(--text-primary);
}

:root[data-theme="dark"] .slide-section-title {
  border-left-color: var(--action-primary);
}

:root[data-theme="dark"] .section-eyebrow {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .bg-mist,
:root[data-theme="dark"] .bg-mist.full,
:root[data-theme="dark"] .bg-white.full {
  background-color: var(--bg-surface);
  color: var(--text-primary);
}

:root[data-theme="dark"] .bg-wave,
:root[data-theme="dark"] .bg-black {
  background-color: var(--bg-app);
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .benefit-card,
:root[data-theme="dark"] .evo-card,
:root[data-theme="dark"] .code-card,
:root[data-theme="dark"] .stack-card,
:root[data-theme="dark"] .qr-card,
:root[data-theme="dark"] .sticky-note {
  background-color: var(--bg-surface-elevated);
  border-color: var(--border-subtle);
  color: var(--text-primary);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.45);
}

:root[data-theme="dark"] .benefit-icon,
:root[data-theme="dark"] .evo-icon {
  background-color: color-mix(in srgb, var(--bg-surface-elevated) 60%, #ffffff 5%);
  color: var(--action-primary);
}

:root[data-theme="dark"] .text-muted,
:root[data-theme="dark"] .hero__subtitle,
:root[data-theme="dark"] .hero__speaker-meta,
:root[data-theme="dark"] .code-label {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .text-gradient-th {
  background: linear-gradient(90deg, var(--action-primary), var(--color-hot-magenta), var(--color-solar-yellow));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:root[data-theme="dark"] .footer {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .reveal .progress {
  background: rgba(255, 255, 255, 0.15);
}

:root[data-theme="dark"] .reveal .progress span,
:root[data-theme="dark"] .reveal .controls {
  color: var(--action-primary);
  background: linear-gradient(90deg, var(--action-primary), var(--color-hot-magenta));
}