html[data-theme='dark'] {
  --paper: #111216;
  --paper2: #17181d;
  --ink: #f4f4f5;
  --graphite: #dedee3;
  --slate: #b0b0b8;
  --steel: #92929c;
  --mute: #74747e;
  --platinum: #50515a;
  --hair: #2d2f36;
  --soft: #22242a;
  color-scheme: dark;
}

html[data-theme='dark'] body,
html[data-theme='dark'] .hero,
html[data-theme='dark'] .page-placeholder,
html[data-theme='dark'] .about-page,
html[data-theme='dark'] .faq-page,
html[data-theme='dark'] .faq-main,
html[data-theme='dark'] .model-app-page,
html[data-theme='dark'] .model-plaza,
html[data-theme='dark'] .model-detail-page,
html[data-theme='dark'] .compare-main,
html[data-theme='dark'] .analysis-page,
html[data-theme='dark'] .analysis-main {
  background: var(--paper);
  color: var(--ink);
}

html[data-theme='dark'] .site-header {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(17, 18, 22, 0.9);
}

html[data-theme='dark'] .hero-orbit,
html[data-theme='dark'] .placeholder-orbit {
  border-color: rgba(255, 255, 255, 0.07);
}

html[data-theme='dark'] .eyebrow-pill,
html[data-theme='dark'] .building-label,
html[data-theme='dark'] .filter-panel,
html[data-theme='dark'] .event-card:hover {
  background: rgba(29, 31, 37, 0.88);
}

html[data-theme='dark'] .search-box:focus-within,
html[data-theme='dark'] .vendor-logo,
html[data-theme='dark'] .main-nav.mobile-open {
  background: #1b1d22;
}

html[data-theme='dark'] .main-nav.mobile-open {
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

html[data-theme='dark'] .about-hero,
html[data-theme='dark'] .about-name-section,
html[data-theme='dark'] .about-purpose-section,
html[data-theme='dark'] .about-values-section,
html[data-theme='dark'] .faq-hero,
html[data-theme='dark'] .faq-filter-panel,
html[data-theme='dark'] .faq-results,
html[data-theme='dark'] .faq-safety-strip {
  background: var(--paper);
}

html[data-theme='dark'] .about-hero-watermark {
  color: #191b20;
}

html[data-theme='dark'] .about-card,
html[data-theme='dark'] .about-split-card,
html[data-theme='dark'] .about-value-item,
html[data-theme='dark'] .about-vision-card,
html[data-theme='dark'] .faq-hero-note,
html[data-theme='dark'] .faq-search,
html[data-theme='dark'] .faq-category-nav,
html[data-theme='dark'] .faq-item,
html[data-theme='dark'] .faq-feedback {
  border-color: var(--hair);
  background: var(--paper2);
  box-shadow: none;
}

html[data-theme='dark'] .about-card:hover,
html[data-theme='dark'] .faq-item:hover,
html[data-theme='dark'] .faq-item[open] {
  border-color: #444650;
  background: #1c1e24;
}

html[data-theme='dark'] .about-illustration-stage .about-logo-caption,
html[data-theme='dark'] .about-illustration-visual span {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(17, 18, 22, 0.82);
  color: rgba(255, 255, 255, 0.68);
}

html[data-theme='dark'] .faq-category-button,
html[data-theme='dark'] .faq-reset-button,
html[data-theme='dark'] .faq-item-action {
  color: var(--slate);
}

html[data-theme='dark'] .faq-category-button:hover,
html[data-theme='dark'] .faq-category-button.active,
html[data-theme='dark'] .faq-question,
html[data-theme='dark'] .faq-group-heading h2,
html[data-theme='dark'] .faq-results-head h2 {
  color: var(--ink);
}

html[data-theme='dark'] .faq-category-button.active,
html[data-theme='dark'] .faq-item-action {
  background: var(--soft);
}

html[data-theme='dark'] .faq-answer-notice,
html[data-theme='dark'] .faq-message.is-warning {
  border-color: #574728;
  background: #211d16;
  color: #d9bd83;
}

html[data-theme='dark'] .faq-message.is-error {
  border-color: #533034;
  background: #211719;
  color: #e3a0a7;
}

html[data-theme='dark'] .plaza-heading,
html[data-theme='dark'] .compare-heading,
html[data-theme='dark'] .model-tabs,
html[data-theme='dark'] .model-grid,
html[data-theme='dark'] .sidebar-section,
html[data-theme='dark'] .detail-hero,
html[data-theme='dark'] .section-block,
html[data-theme='dark'] .provider-row,
html[data-theme='dark'] .compare-cell,
html[data-theme='dark'] .compare-section h2 {
  border-color: var(--hair);
}

html[data-theme='dark'] .model-tab,
html[data-theme='dark'] .filter-check,
html[data-theme='dark'] .toolbar-button,
html[data-theme='dark'] .detail-back,
html[data-theme='dark'] .detail-hero-summary,
html[data-theme='dark'] .detail-facts,
html[data-theme='dark'] .model-summary,
html[data-theme='dark'] .model-info-grid > div,
html[data-theme='dark'] .model-info-grid b,
html[data-theme='dark'] .compare-cell,
html[data-theme='dark'] .compare-endpoint,
html[data-theme='dark'] .chart-legend,
html[data-theme='dark'] .billing-expression {
  color: var(--slate);
}

html[data-theme='dark'] .model-tab:hover,
html[data-theme='dark'] .model-tab.active,
html[data-theme='dark'] .model-tab.active iconify-icon,
html[data-theme='dark'] .filter-check:hover,
html[data-theme='dark'] .toolbar-button:hover,
html[data-theme='dark'] .detail-back:hover,
html[data-theme='dark'] .sidebar-title,
html[data-theme='dark'] .model-name-wrap h2,
html[data-theme='dark'] .model-metrics strong,
html[data-theme='dark'] .detail-facts b,
html[data-theme='dark'] .provider-name,
html[data-theme='dark'] .compare-cell b,
html[data-theme='dark'] .compare-endpoint iconify-icon,
html[data-theme='dark'] .compare-endpoint b,
html[data-theme='dark'] .detail-metric-strip strong,
html[data-theme='dark'] .detail-spec-item > b,
html[data-theme='dark'] .detail-usage-item strong,
html[data-theme='dark'] .detail-capability-chip,
html[data-theme='dark'] .chart-legend b,
html[data-theme='dark'] .billing-expression summary,
html[data-theme='dark'] .billing-expression code {
  color: var(--ink);
}

html[data-theme='dark'] .model-tab.active:after,
html[data-theme='dark'] .filter-check input:checked + .fake-check,
html[data-theme='dark'] .best-toggle input:checked + .toggle-track {
  border-color: var(--ink);
  background: var(--ink);
}

html[data-theme='dark'] .fake-check,
html[data-theme='dark'] .model-search,
html[data-theme='dark'] .model-card,
html[data-theme='dark'] .chart-card,
html[data-theme='dark'] .detail-metric-strip > div,
html[data-theme='dark'] .detail-spec-item,
html[data-theme='dark'] .detail-usage-item,
html[data-theme='dark'] .compare-model-card,
html[data-theme='dark'] .api-modal,
html[data-theme='dark'] .model-picker {
  border-color: var(--hair);
  background: var(--paper2);
}

html[data-theme='dark'] .model-card:hover,
html[data-theme='dark'] .metric-empty {
  border-color: #42444d;
  background: #1b1d22;
}

html[data-theme='dark'] .catalog-logo,
html[data-theme='dark'] .filter-vendor-logo,
html[data-theme='dark'] .detail-capability-chip,
html[data-theme='dark'] .detail-toggle,
html[data-theme='dark'] .provider-row.header,
html[data-theme='dark'] .endpoint-heading,
html[data-theme='dark'] .compare-endpoint,
html[data-theme='dark'] .billing-expression,
html[data-theme='dark'] .modal-close,
html[data-theme='dark'] .toggle-track,
html[data-theme='dark'] .chart-mode-pill {
  background: var(--soft);
}

html[data-theme='dark'] .detail-toggle button.active,
html[data-theme='dark'] .picker-item:hover {
  background: #30323a;
  color: var(--ink);
}

html[data-theme='dark'] .provider-table,
html[data-theme='dark'] .endpoint-group,
html[data-theme='dark'] .picker-search,
html[data-theme='dark'] .compare-model-card,
html[data-theme='dark'] .metric-empty {
  border-color: var(--hair);
}

html[data-theme='dark'] .endpoint-item {
  border-color: var(--hair);
  color: var(--slate);
}

html[data-theme='dark'] .context-tier-pricing,
html[data-theme='dark'] .context-tier-group {
  border-color: var(--hair);
  background: var(--soft);
}

html[data-theme='dark'] .context-tier-pricing,
html[data-theme='dark'] .context-tier-pricing > p,
html[data-theme='dark'] .context-tier-group > header span,
html[data-theme='dark'] .context-tier-grid article > div {
  color: var(--slate);
}

html[data-theme='dark'] .context-tier-pricing summary,
html[data-theme='dark'] .context-tier-group > header,
html[data-theme='dark'] .context-tier-grid article > strong {
  color: var(--ink);
}

html[data-theme='dark'] .context-tier-group > header,
html[data-theme='dark'] .context-tier-grid article {
  border-color: var(--hair);
}

html[data-theme='dark'] .activity-chart {
  border-color: var(--hair);
  background: repeating-linear-gradient(to bottom, transparent 0, transparent 47px, var(--hair) 48px);
}

html[data-theme='dark'] .range-block input {
  background: linear-gradient(90deg, var(--ink) 0 0%, var(--hair) 0);
}

html[data-theme='dark'] .range-block input::-webkit-slider-thumb,
html[data-theme='dark'] .toggle-track:after {
  border-color: #4b4d56;
  background: #f4f4f5;
}

html[data-theme='dark'] .button-light {
  background: #282a31;
  color: var(--ink);
}

html[data-theme='dark'] .button-light:hover {
  background: #33353d;
}

html[data-theme='dark'] .integration-note,
html[data-theme='dark'] .data-source-badge.partial {
  border-color: #594721;
  background: #211d15;
}

html[data-theme='dark'] .data-source-badge.fallback {
  border-color: #55322e;
  background: #211817;
}

html[data-theme='dark'] .analysis-hero,
html[data-theme='dark'] .analysis-card-head {
  border-color: var(--hair);
}

html[data-theme='dark'] .analysis-source-badge,
html[data-theme='dark'] .period-tab,
html[data-theme='dark'] .metric-card,
html[data-theme='dark'] .analysis-card {
  border-color: var(--hair);
  background: var(--paper2);
  box-shadow: none;
}

html[data-theme='dark'] .period-tab:hover {
  border-color: #4a4c55;
  color: var(--ink);
  box-shadow: none;
}

html[data-theme='dark'] .period-tab.active {
  border-color: #f4f4f5;
  background: #f4f4f5;
  color: #111216;
}

html[data-theme='dark'] .analysis-hero p,
html[data-theme='dark'] .analysis-source-badge,
html[data-theme='dark'] .metric-subtitle,
html[data-theme='dark'] .analysis-empty,
html[data-theme='dark'] .analysis-loading {
  color: var(--slate);
}

html[data-theme='dark'] .analysis-source-badge b,
html[data-theme='dark'] .metric-value,
html[data-theme='dark'] .analysis-card-head h2 {
  color: var(--ink);
}

html[data-theme='dark'] .analysis-loading:before {
  border-color: #3c3e46;
  border-top-color: var(--ink);
}

html[data-theme='dark'] .home-page,
html[data-theme='dark'] .home-hero,
html[data-theme='dark'] .home-tool-card,
html[data-theme='dark'] .home-platform {
  background: var(--paper);
}

html[data-theme='dark'] .home-values,
html[data-theme='dark'] .home-tool-card:hover,
html[data-theme='dark'] .home-tool-logo,
html[data-theme='dark'] .home-value-item {
  background: var(--paper2);
}

html[data-theme='dark'] .home-hero-facts {
  background: rgba(17, 18, 22, .94);
}

html[data-theme='dark'] .home-model-rail-items span:first-child img {
  filter: invert(1) brightness(.92);
}

html[data-theme='dark'] .home-button-primary {
  background: #f1f1f2;
  color: #111216;
}

html[data-theme='dark'] .home-button-primary:hover { background: #fff; }
html[data-theme='dark'] .home-button-secondary { border-color: var(--hair); background: var(--paper2); color: var(--ink); }
html[data-theme='dark'] .home-scenarios { background: #0e0f12; }
html[data-theme='dark'] .home-scenario-card { border-color: #33353d; background: #1b1d22; }
html[data-theme='dark'] .home-scenario-card-dark { border-color: #e8e8e6; background: #ececea; color: #171719; }
html[data-theme='dark'] .home-cta { background: #090a0c; }