/* Keep fixed-color component surfaces legible during the home scene transition. */
.home-page::selection,
.home-page ::selection {
  background: var(--accent);
  color: var(--on-accent);
}

.home-page .button-primary,
.home-page .video-preview-play,
.home-page .contact-card .button[href*="t.me"],
.home-page .contact-card .button-telegram {
  color: var(--on-accent);
}

.home-page .skill-growth {
  --paper: var(--scene-media-ink);
  --ink: var(--on-accent);
  --muted: var(--on-accent);
  --accent-ink: var(--on-accent);
  color: var(--on-accent);
}

.home-page .skill-ai {
  --paper: var(--scene-paper-intro);
  --ink: var(--scene-ink-intro);
  --muted: var(--scene-ink-intro);
  --line: var(--scene-line-intro);
  --subtle: var(--scene-subtle-intro);
  --accent-ink: var(--scene-accent-ink-intro);
  background: var(--scene-subtle-content);
  border-color: var(--line);
  color: var(--ink);
}

.home-page .skill-ai .skill-level,
.home-page .skill-ai .skill-num,
.home-page .skill-ai summary:hover h3,
.home-page .skill-ai .text-link:hover {
  color: var(--ink);
}

.home-page .skill-ai .skill-proof,
.home-page .skill-ai .skill-body > p {
  color: var(--muted);
}

.home-page .skill-ai .disclosure-icon {
  background: var(--paper);
  border-color: var(--line);
  color: var(--ink);
}

.home-page .skill-ai .text-link {
  text-decoration-color: var(--accent-ink);
}

.home-page .skill-ai .text-link:focus-visible {
  outline-color: var(--accent-ink);
}

.home-page .skill:is([data-expanded="true"], :not([data-expanded])[open]) .disclosure-icon,
.home-page .skill summary:hover .disclosure-icon {
  color: var(--on-accent);
}

.home-page :is(.deck-preview, .deck-stage, .video-preview, .video-gallery-trigger, .dialog-video, .work-video) {
  background: var(--scene-media);
}

.home-page .work-video-dialog {
  --paper: var(--scene-media-ink);
  --ink: var(--scene-media);
}

.home-page .work-video-dialog::backdrop {
  background: color-mix(in srgb, var(--scene-media) 78%, transparent);
}

.home-page .book-list {
  --paper: var(--scene-paper-intro);
  --ink: var(--scene-ink-intro);
  --muted: var(--scene-muted-intro);
  --line: var(--scene-line-intro);
  --subtle: var(--scene-subtle-intro);
  --accent-ink: var(--scene-accent-ink-intro);
}