/* Dark theme for the standalone marketing site, aligned with the app's dark surfaces. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --refresh-ink: #eef1f6;
  --refresh-muted: #b9c2d2;
  --refresh-paper: #080a0f;
  --refresh-white: #0d1118;
  --refresh-line: #1d2431;
  --refresh-blue: #3d9bff;
  --refresh-blue-dark: #67b1ff;
  --refresh-cyan: #5aa6ff;
  --refresh-mint: #0a6e43;
  --refresh-amber: #885306;
}

:root[data-theme="dark"] body {
  color: var(--refresh-ink);
  background:
    var(--refresh-paper);
}

:root[data-theme="dark"] .topbar {
  border-color: #1d2431;
  background: rgba(13, 17, 24, .96);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .22);
}

:root[data-theme="dark"] .brand-lockup strong,
:root[data-theme="dark"] .main-nav a,
:root[data-theme="dark"] .topbar-actions .ghost-link,
:root[data-theme="dark"] .footer-links a {
  color: var(--refresh-muted);
}

:root[data-theme="dark"] .main-nav a:hover,
:root[data-theme="dark"] .main-nav a:focus-visible,
:root[data-theme="dark"] .footer-links a:hover {
  color: var(--refresh-blue-dark);
  background: rgba(61, 155, 255, .14);
}

:root[data-theme="dark"] .cta-link,
:root[data-theme="dark"] .tour-play-button {
  color: #fff;
  background: linear-gradient(135deg, #1766d4, #3d9bff);
  box-shadow: 0 7px 18px rgba(23, 102, 212, .2);
}

:root[data-theme="dark"] .cta-link:hover,
:root[data-theme="dark"] .tour-play-button:hover {
  color: #fff;
  background: #145fc8;
}

:root[data-theme="dark"] .ghost-link.strong {
  border-color: var(--refresh-line);
  color: var(--refresh-ink);
  background: rgba(255, 255, 255, .04);
}

:root[data-theme="dark"] .ghost-link.strong:hover {
  border-color: rgba(61, 155, 255, .55);
  color: var(--refresh-blue-dark);
  background: rgba(61, 155, 255, .12);
}

:root[data-theme="dark"] .hero {
  border-color: var(--refresh-line);
  color: var(--refresh-ink);
  background:
    radial-gradient(ellipse at 90% 10%, rgba(61, 155, 255, .13), transparent 38%),
    linear-gradient(135deg, #0d1118 35%, #080a0f 100%);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .2);
}

:root[data-theme="dark"] .hero-subpage .dashboard-stage,
:root[data-theme="dark"] .hero-subpage .dashboard-card {
  border-color: var(--refresh-line);
  background: linear-gradient(145deg, #0d1118, #080a0f);
}

:root[data-theme="dark"] .hero-subpage .dashboard-label,
:root[data-theme="dark"] .console-workspace,
:root[data-theme="dark"] .console-kicker,
:root[data-theme="dark"] .console-metrics small,
:root[data-theme="dark"] .console-panel-heading div > span,
:root[data-theme="dark"] .console-panel-heading > span,
:root[data-theme="dark"] .console-axis,
:root[data-theme="dark"] .incident-sample-note,
:root[data-theme="dark"] .tour-product-lockup small,
:root[data-theme="dark"] .tour-mode,
:root[data-theme="dark"] .tour-sample-label,
:root[data-theme="dark"] .tour-screen-status,
:root[data-theme="dark"] .tour-time-range,
:root[data-theme="dark"] .tour-card-heading div > span,
:root[data-theme="dark"] .tour-card-heading > span,
:root[data-theme="dark"] .tour-chart-axis,
:root[data-theme="dark"] .tour-insight-label,
:root[data-theme="dark"] .tour-screen-foot {
  color: #8c97ab;
}

:root[data-theme="dark"] .hero-subpage .dashboard-value,
:root[data-theme="dark"] .console-brand strong,
:root[data-theme="dark"] .console-heading h2,
:root[data-theme="dark"] .console-metrics strong,
:root[data-theme="dark"] .console-panel-heading strong,
:root[data-theme="dark"] .console-incident > strong,
:root[data-theme="dark"] .showcase-card strong,
:root[data-theme="dark"] .tour-product-lockup strong,
:root[data-theme="dark"] .tour-chapter-copy strong,
:root[data-theme="dark"] .tour-narration h3,
:root[data-theme="dark"] .tour-screen-heading h3,
:root[data-theme="dark"] .tour-metrics article > strong,
:root[data-theme="dark"] .tour-card-heading strong,
:root[data-theme="dark"] .tour-insight-card h4 {
  color: var(--refresh-ink);
}

:root[data-theme="dark"] .hero-subpage .photo-panel,
:root[data-theme="dark"] .signal-strip article {
  border-color: var(--refresh-line);
  background: rgba(13, 17, 24, .92);
}

:root[data-theme="dark"] .console-window,
:root[data-theme="dark"] .console-topbar,
:root[data-theme="dark"] .console-metrics article,
:root[data-theme="dark"] .console-chart,
:root[data-theme="dark"] .console-incident,
:root[data-theme="dark"] .incident-connection span,
:root[data-theme="dark"] .tour-player,
:root[data-theme="dark"] .tour-screen-content,
:root[data-theme="dark"] .tour-metrics article,
:root[data-theme="dark"] .tour-service-node,
:root[data-theme="dark"] .tour-step-controls button,
:root[data-theme="dark"] .tour-screen-foot button {
  border-color: var(--refresh-line);
  background: var(--refresh-white);
}

:root[data-theme="dark"] .console-window,
:root[data-theme="dark"] .tour-player {
  box-shadow: 0 24px 64px rgba(0, 0, 0, .3);
}

:root[data-theme="dark"] .console-topbar,
:root[data-theme="dark"] .tour-player-topbar {
  border-color: var(--refresh-line);
  background: linear-gradient(90deg, #0d1118, #131822);
}

:root[data-theme="dark"] .console-rail {
  background: #080a0f;
}

:root[data-theme="dark"] .console-rail span,
:root[data-theme="dark"] .tour-chapter,
:root[data-theme="dark"] .tour-step-controls button,
:root[data-theme="dark"] .tour-screen-foot button {
  color: var(--refresh-muted);
}

:root[data-theme="dark"] .console-rail span.is-active,
:root[data-theme="dark"] .tour-chapter.is-active {
  border-color: rgba(61, 155, 255, .24);
  color: var(--refresh-blue-dark);
  background: rgba(61, 155, 255, .16);
}

:root[data-theme="dark"] .console-rail span.is-active i,
:root[data-theme="dark"] .tour-chapter.is-active .tour-chapter-copy strong {
  color: var(--refresh-blue-dark);
}

:root[data-theme="dark"] .console-range,
:root[data-theme="dark"] .tour-time-range,
:root[data-theme="dark"] .tour-screen-topbar,
:root[data-theme="dark"] .tour-screen-foot button {
  border-color: var(--refresh-line);
  color: var(--refresh-muted);
  background: #080a0f;
}

:root[data-theme="dark"] .console-incident {
  background: linear-gradient(155deg, #0d1118, #080a0f);
}

:root[data-theme="dark"] .chart-line {
  stroke: #3d9bff;
}

:root[data-theme="dark"] .incident-connection .connection-alert,
:root[data-theme="dark"] .tour-service-node.is-highlighted {
  border-color: rgba(148, 90, 6, .35);
  color: #9acaff;
  background: rgba(61, 155, 255, .15);
}

:root[data-theme="dark"] .chart-gridline,
:root[data-theme="dark"] .tour-chart-grid {
  stroke: rgba(255, 255, 255, .11);
}

:root[data-theme="dark"] .chart-point {
  fill: #0d1118;
}

:root[data-theme="dark"] .section-header h2,
:root[data-theme="dark"] .product-body h3,
:root[data-theme="dark"] .info-card h3 {
  color: var(--refresh-ink);
}

:root[data-theme="dark"] .showcase-card,
:root[data-theme="dark"] .product-card,
:root[data-theme="dark"] .info-card {
  border-color: var(--refresh-line);
  background: var(--refresh-white);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

:root[data-theme="dark"] .showcase-image,
:root[data-theme="dark"] .card-visual,
:root[data-theme="dark"] .media-visual {
  background-color: #080a0f;
}

:root[data-theme="dark"] .card-visual-image,
:root[data-theme="dark"] .product-visual-image {
  opacity: .84;
  mix-blend-mode: normal;
}

:root[data-theme="dark"] .visual-badge {
  border-color: rgba(255, 255, 255, .16);
  color: #eef1f6;
  background: rgba(13, 17, 24, .94);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .24);
}

:root[data-theme="dark"] .info-card.highlight {
  border-color: rgba(61, 155, 255, .28);
  background: linear-gradient(145deg, #131822, #0d1118);
}

:root[data-theme="dark"] .closing-band {
  border-color: #1d2431;
  background:
    radial-gradient(ellipse at 88% 10%, rgba(61, 155, 255, .18), transparent 38%),
    linear-gradient(125deg, #0d1118, #080a0f);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .24);
}

:root[data-theme="dark"] .closing-band .eyebrow {
  color: var(--refresh-blue-dark);
}

:root[data-theme="dark"] .site-footer {
  border-color: var(--refresh-line);
}

:root[data-theme="dark"] .site-footer strong {
  color: var(--refresh-ink);
}

:root[data-theme="dark"] .story-chapter {
  border-color: var(--refresh-line);
  background: var(--refresh-white);
}

:root[data-theme="dark"] .story-chapter-text {
  background: linear-gradient(145deg, #131822, #0d1118 66%);
}

:root[data-theme="dark"] .photo-credit-note {
  color: var(--refresh-muted);
}

:root[data-theme="dark"] .tour-guide {
  border-color: var(--refresh-line);
}

:root[data-theme="dark"] .tour-chapter:hover,
:root[data-theme="dark"] .tour-step-controls button:hover,
:root[data-theme="dark"] .tour-screen-foot button:hover {
  border-color: rgba(61, 155, 255, .35);
  color: var(--refresh-blue-dark);
  background: rgba(61, 155, 255, .12);
}

:root[data-theme="dark"] .tour-chapter-copy small,
:root[data-theme="dark"] .tour-narration p,
:root[data-theme="dark"] .tour-metrics article > span,
:root[data-theme="dark"] .tour-metrics article > strong small,
:root[data-theme="dark"] .tour-insight-card p,
:root[data-theme="dark"] .tour-service-node {
  color: var(--refresh-muted);
}

:root[data-theme="dark"] .tour-screen {
  background: #080a0f;
}

:root[data-theme="dark"] .tour-chart-card,
:root[data-theme="dark"] .tour-insight-card {
  border-color: var(--refresh-line);
  background: linear-gradient(150deg, #0d1118, #080a0f);
}

:root[data-theme="dark"] .tour-insight-icon {
  color: #67b1ff;
  background: rgba(61, 155, 255, .18);
}

:root[data-theme="dark"] .tour-progress-track {
  background: #212837;
}

:root[data-theme="dark"] .tour-screen-foot button {
  color: #67b1ff;
}

:root[data-theme="dark"] a:focus-visible,
:root[data-theme="dark"] button:focus-visible {
  outline-color: rgba(61, 155, 255, .8);
}