/**
 * Visual overrides for AI Landscape (dark theme → Precision Stark).
 * Load after precision-stark.css.
 */

body {
  background: var(--ps-background) !important;
  color: var(--ps-text) !important;
}

:root {
  --bg: var(--ps-background);
  --panel: var(--ps-background);
  --text: var(--ps-text);
  --muted: var(--ps-text);
  --line: var(--ps-border-subtle);
  --accent: var(--ps-action);
}

.subtitle,
.meta,
.note,
.overview,
.label,
ul,
li,
p {
  color: var(--ps-text) !important;
}

.note {
  background: var(--ps-background) !important;
  border: 1px solid var(--ps-border-subtle) !important;
  border-radius: var(--ps-radius) !important;
}

.card {
  background: var(--ps-surface-elevated) !important;
  border: 1px solid var(--ps-border-subtle) !important;
  box-shadow: var(--ps-bevel-inset), var(--ps-elevation-shadow) !important;
  border-radius: var(--ps-radius) !important;
}

.card:hover {
  border-color: var(--ps-border) !important;
}

.tier h2,
h1 {
  color: var(--ps-text) !important;
  font-family: var(--ps-font-display) !important;
}

.filter-bar,
.controls,
.pill,
.badge {
  background: var(--ps-background) !important;
  border-color: var(--ps-border-subtle) !important;
  color: var(--ps-text) !important;
}

.filter-bar button.active,
.pill.active {
  background: var(--ps-action) !important;
  border-color: var(--ps-action) !important;
  color: var(--ps-action-on) !important;
}

a {
  color: var(--ps-text);
}

a:hover {
  color: var(--ps-action);
}

.site-header {
  display: none !important;
}

.timeline-link,
.nav-inline a {
  border-color: var(--ps-border-subtle) !important;
  color: var(--ps-text) !important;
}

.timeline-link:hover {
  border-color: var(--ps-border) !important;
  color: var(--ps-text) !important;
}

/* AI Events Timeline — Precision Stark Elevated */
body::before {
  display: none !important;
}

.timeline-header h1 {
  font-family: var(--ps-font-display) !important;
  font-weight: 700 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: var(--ps-text) !important;
  color: var(--ps-text) !important;
}

.timeline-header p {
  color: var(--ps-text) !important;
  font-family: var(--ps-font-display) !important;
}

.timeline::before {
  background: linear-gradient(180deg, var(--ps-border-subtle) 0%, transparent 100%) !important;
}

.timeline-dot {
  background: var(--ps-action) !important;
  box-shadow: var(--ps-elevation-shadow) !important;
}

.timeline-item:nth-child(even) .timeline-dot {
  background: var(--ps-border) !important;
}

.timeline-item:hover .timeline-dot {
  filter: none !important;
}

.timeline-content {
  background: var(--ps-surface-elevated) !important;
  border: 1px solid var(--ps-border-subtle) !important;
  border-radius: var(--ps-radius) !important;
  box-shadow: var(--ps-bevel-inset), var(--ps-elevation-shadow) !important;
  backdrop-filter: none !important;
}

.timeline-item:hover .timeline-content,
.timeline-item:nth-child(even):hover .timeline-content {
  border-color: var(--ps-border-subtle) !important;
  background: var(--ps-surface-elevated) !important;
  box-shadow: var(--ps-bevel-inset), var(--ps-elevation-shadow) !important;
}

.timeline-date {
  color: var(--ps-action) !important;
  font-family: var(--ps-font-display) !important;
}

.timeline-item:nth-child(even) .timeline-date {
  color: var(--ps-text) !important;
}

.timeline-title {
  font-family: var(--ps-font-display) !important;
  color: var(--ps-text) !important;
}

.timeline-company {
  background: var(--ps-action) !important;
  color: var(--ps-action-on) !important;
  border-radius: var(--ps-radius-full) !important;
}

.timeline-item:nth-child(even) .timeline-company {
  background: var(--ps-border) !important;
  color: var(--ps-on-inverse) !important;
}

.timeline-description {
  color: var(--ps-text) !important;
}

.detail-badge {
  background: var(--ps-background) !important;
  border: 1px solid var(--ps-border-subtle) !important;
  color: var(--ps-text) !important;
  border-radius: var(--ps-radius-sm) !important;
  font-family: var(--ps-font-family) !important;
}