:root {
  color-scheme: light dark;
  --color-canvas: #FAFAFA;
  --color-surface: #FFFFFF;
  --color-ink: #1F1F1F;
  --color-muted-ink: #666666;
  --color-accent: #2D8070;
  --color-signal: #2D8070;
  --color-secondary: #328F7D;
  --color-highlight: #328F7D;
  --color-on-accent: #FFFFFF;
  --font-display: "Inter";
  --font-body: "Inter";
  --font-mono: "IBM Plex Mono";
  --radius: 12px;
  --border-width: 1px;
}

:root[data-theme="light"] {
  --color-canvas: #FAFAFA;
  --color-surface: #FFFFFF;
  --color-ink: #1F1F1F;
  --color-muted-ink: #666666;
  --color-accent: #2D8070;
  --color-signal: #2D8070;
  --color-secondary: #328F7D;
  --color-highlight: #328F7D;
  --color-on-accent: #FFFFFF;
}

:root[data-theme="dark"] {
  --color-canvas: #0D0D0D;
  --color-surface: #131313;
  --color-ink: #FAFAFA;
  --color-muted-ink: #A3A3A3;
  --color-accent: #31B99E;
  --color-signal: #31B99E;
  --color-secondary: #328F7D;
  --color-highlight: #328F7D;
  --color-on-accent: #000000;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
  --color-canvas: #0D0D0D;
  --color-surface: #131313;
  --color-ink: #FAFAFA;
  --color-muted-ink: #A3A3A3;
  --color-accent: #31B99E;
  --color-signal: #31B99E;
  --color-secondary: #328F7D;
  --color-highlight: #328F7D;
  --color-on-accent: #000000;
  }
}

.theme-toggle {
  display: inline-grid;
  min-width: 2.5rem;
  min-height: 2.5rem;
  margin-left: auto;
  place-items: center;
  border: var(--border-width) solid color-mix(in srgb, var(--color-ink) 24%, transparent);
  border-radius: 999px;
  padding: .35rem;
  color: var(--color-ink);
  background: var(--color-surface);
  font: inherit;
  cursor: pointer;
}

.theme-toggle:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.theme-toggle:focus-visible {
  outline: 3px solid var(--color-signal);
  outline-offset: 3px;
}

/* Research roles: secondary/highlight decorate surfaces, never low-contrast body text. */
:root body[data-presentation] .home-composition > .home-hero {
  background: radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--color-secondary) 18%,transparent),transparent 29rem),radial-gradient(circle at 8% 92%,color-mix(in srgb,var(--color-highlight) 10%,transparent),transparent 24rem),linear-gradient(135deg,var(--color-surface),var(--color-canvas));
}
:root body[data-presentation] .home-hero .home-stats > li { border-color: color-mix(in srgb,var(--color-secondary) 32%,var(--ref-border)); }
:root body[data-presentation] .home-module-header { background: color-mix(in srgb,var(--color-highlight) 7%,var(--color-surface)); }
:root body[data-presentation] .home-carousel-card { border-top-color: color-mix(in srgb,var(--color-secondary) 65%,var(--ref-border)); }
:root body[data-presentation] .home-actions .home-cta:first-child,
:root body[data-presentation] .home-cta--primary { color: var(--color-on-accent); }