:root {
  color-scheme: light;
  --aq-font-sans: var(--aq-typography-font-family-sans, Inter, "Segoe UI", system-ui, sans-serif);
  --aq-text-primary: var(--aq-color-text-primary, #17211e);
  --aq-text-secondary: var(--aq-color-text-secondary, #42514c);
  --aq-text-muted: var(--aq-color-text-muted, #64726d);
  --aq-link: var(--aq-color-action-primary, #0b766e);
  --aq-link-hover: var(--aq-color-action-hover, #085f59);
  --aq-accent: var(--aq-color-action-primary, #0b766e);
  --aq-accent-hover: var(--aq-color-action-hover, #085f59);
  --aq-accent-soft: var(--aq-color-action-secondary, #e4f1ee);
  --aq-success: var(--aq-color-success, #157347);
  --aq-warn: var(--aq-color-warning, #8a4b08);
  --aq-bg-page: var(--aq-color-background-page, #f4f7f6);
  --aq-bg-elevated: var(--aq-color-surface, #fff);
  --aq-bg-surface: var(--aq-color-surface-elevated, #f9fbfa);
  --aq-bg-surface-2: var(--aq-color-surface-subtle, #eef4f2);
  --aq-border-default: var(--aq-color-border, #ccd8d4);
  --aq-border-strong: var(--aq-color-border-strong, #879b94);
  --aq-radius-card: var(--aq-geometry-radius-card, 8px);
  --aq-radius-control: var(--aq-geometry-radius-control, 6px);
  --aq-shadow-line: var(--aq-elevation-card, 0 1px 2px rgba(15, 28, 24, 0.08));
  --bg: var(--aq-bg-page);
  --surface: var(--aq-bg-elevated);
  --ink: var(--aq-text-primary);
  --muted: var(--aq-text-muted);
  --line: var(--aq-border-default);
  --blue: var(--aq-accent);
  --blue-dark: var(--aq-accent-hover);
  --soft-blue: var(--aq-accent-soft);
  --shadow: var(--aq-shadow-line);
}

body {
  background: var(--aq-bg-page);
  color: var(--aq-text-primary);
  font-family: var(--aq-font-sans);
}

a { color: var(--aq-link); }
a:hover { color: var(--aq-link-hover); }

.topbar,
.nav {
  border-bottom: 1px solid var(--aq-border-default);
  background: rgba(249, 251, 250, 0.94);
  box-shadow: none;
}

.brand,
.topnav,
.nav-links,
.nav-user {
  color: var(--aq-text-primary);
}

.topnav a,
.nav-links a {
  color: var(--aq-text-secondary);
}

.brand-mark {
  overflow: hidden;
  border: 1px solid var(--aq-border-strong);
  background: var(--aq-color-surface-inverse, #13231f);
  box-shadow: none;
}

.aq-ds-pilot .brand::before {
  display: inline-flex;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 1px solid var(--aq-border-strong);
  border-radius: var(--aq-radius-card);
  background-color: var(--aq-color-surface-inverse, #13231f);
  background-image: url("assets/brand/aqteron-mark-32.png");
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  box-shadow: none;
  content: "";
}

.aq-ds-pilot .brand > .brand-mark {
  display: none;
}

.brand-mark img {
  display: block;
  width: 24px;
  height: 24px;
}

.button,
.hero-panel,
.prompt-block,
.state-card,
.how-card,
.flow-card,
.install-card,
.home-install-section,
.home-install-card {
  border-color: var(--aq-border-default);
  border-radius: var(--aq-radius-card);
  background: var(--aq-bg-elevated);
  color: var(--aq-text-primary);
  box-shadow: none;
}

.button {
  min-height: 44px;
  border-radius: var(--aq-radius-control);
  background: var(--aq-bg-surface);
  color: var(--aq-text-primary);
  font-size: var(--aq-typography-button-size, 0.9375rem);
  letter-spacing: 0;
}

.button.primary {
  border-color: var(--aq-accent);
  background: var(--aq-accent);
  color: var(--aq-color-text-inverse, #f5fbf8);
}

.button.primary:hover {
  border-color: var(--aq-accent-hover);
  background: var(--aq-accent-hover);
}

.home-hero h1,
.how-hero h1,
.hero h1,
.home-install-section h2,
.install-section h2,
.ready-section h2 {
  color: var(--aq-text-primary);
  letter-spacing: 0;
}

.home-hero h1 span,
.step-label,
.detail-link,
.eyebrow,
.label {
  color: var(--aq-accent);
}

.home-hero p,
.how-hero p,
.section-lead,
.how-card p,
.flow-card p:last-child,
.install-section > p,
.install-card p,
.install-card li,
.home-install-card p,
.home-install-card li,
.state-card p,
.hero-copy p,
.prompt-block pre {
  color: var(--aq-text-muted);
}

.step-icon,
.flow-icon,
.install-icon {
  border-radius: var(--aq-radius-control);
  background: var(--aq-bg-surface-2);
  color: var(--aq-accent);
  box-shadow: inset 0 0 0 1px var(--aq-border-default);
}

.step-icon.green,
.install-icon.android,
.home-install-card .install-icon.android {
  color: var(--aq-success);
  background: var(--aq-color-success-surface, #eaf7f0);
}

.step-icon.orange {
  color: var(--aq-warn);
  background: var(--aq-color-warning-surface, #fff5e7);
}

.topnav .language-switcher {
  --p2a-language-switcher-border: var(--aq-border-strong);
  --p2a-language-switcher-border-hover: var(--aq-accent);
  --p2a-language-switcher-bg: var(--aq-bg-surface);
  --p2a-language-switcher-bg-hover: var(--aq-bg-surface-2);
  --p2a-language-switcher-color: var(--aq-text-primary);
  --p2a-language-switcher-option-bg: var(--aq-bg-elevated);
  --p2a-language-switcher-option-color: var(--aq-text-primary);
  --p2a-language-switcher-arrow: var(--aq-text-muted);
  --p2a-language-switcher-arrow-hover: var(--aq-accent-hover);
  --p2a-language-switcher-focus: rgba(11, 110, 153, 0.32);
}