:root {
  color-scheme: dark;
  --ink: #f4efe5;
  --muted: #a3a3a6;
  --paper: #141517;
  --accent: #c6a66a;
  --line: #343437;
}

body { background: #070707; }
::selection { background: #c6a66a59; color: #fff8e9; }
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline-color: #e5c882;
}
.wordmark { color: var(--accent); }
.text-link.secondary { color: #bebec1; }
.icon-button { background: #262729; border: 1px solid #39393c; }
.icon-button:hover { background: #343436; }
.primary, .nav-cta { background: var(--accent); color: #111112; }
.primary:hover, .nav-cta:hover { background: #dbc18b; color: #111112; }

.site-header {
  background: rgba(7,7,7,.9);
  border-bottom-color: #c6a66a29;
}
.site-header nav { color: #c9c7c3; }
.reading-progress { background: var(--accent); }
.skip { background: #262729; color: var(--ink); }
.hero { background: #0c0d0f; }
.hero h1 { color: var(--accent); }
.hero .eyebrow { color: #c8bc9f; }
.hero-line { color: var(--ink); }
.hero-foot { color: #c9c7c3; }
.statement { background: #070707; }
.statement h2 span { color: var(--accent); }

.section-title .eyebrow { color: var(--accent); }
.model-backdrop { color: #292a2d; }
.model-finish i { border-color: #8b8b8d; }
.model-tabs { background: #252628; border: 1px solid #c6a66a26; }
.model-tabs button { color: #c9c7c3; }
.model-tabs button[aria-selected=true] {
  background: var(--accent);
  color: #111112;
  box-shadow: none;
}
.visual-note { color: #a3a3a6; }
.detail-story { color: var(--ink); }
.detail-heading .eyebrow { color: var(--accent); }
.detail-heading h2 span { color: #999a9b; }
.detail-caption h3 { color: var(--accent); }
.detail-caption p { color: #d6d4d0; }
.detail-caption p.muted, .detail-caption .small-note { color: #a3a3a6; }

.app-story { background: #101113; }
.app-heading h2 span, .app-heading .eyebrow { color: var(--accent); }
.phone {
  background: #101113;
  border-color: #252628;
  outline-color: #73716b;
  box-shadow: 0 22px 40px #0007;
}
.phone-title {
  color: var(--ink);
  background: #101113e8;
  padding: 9px 10px;
  border-radius: 4px;
}
.phone-bar { background: #101113ef; color: var(--ink); border-top: 1px solid #c6a66a26; }
.phone-bar span { color: #c8bc9f; }
.phone-dot { background: #242526; border-color: var(--accent); outline-color: #68615a; }
.phone-home { background: var(--ink); }
.scan-reticle>i { border-color: #e5c882; }
.scan-line { background: #e5c882; box-shadow: 0 0 12px #c6a66a70; }
.phone-selection { background: #191a1c; }
.phone-selection>span:first-child, .phone-selection p { color: #b7b4af; }
.selection-status { color: var(--accent); border-color: #c6a66a42; }
.app-step { color: #a3a3a6; }
.app-step .step-number { color: #a3a3a6; }
.app-step[aria-selected=true] { color: var(--accent); }

.pilot { background: #151516; border-block: 1px solid #c6a66a29; }
.pilot .eyebrow { color: var(--accent); }
.pilot h2+p { color: #b7b4af; }
.pilot .pilot-note { color: #a3a3a6; }
.faq h2 { color: var(--accent); }
footer { background: #0c0c0d; border-top: 1px solid #c6a66a20; }
dialog { background: #161719; border: 1px solid #c6a66a40; box-shadow: 0 20px 70px #0008; }
dialog::backdrop { background: #0009; }
.dialog-copy>.eyebrow { color: var(--accent); }
.legal p { color: #c0bdb7; }
.legal h2, .legal a { color: var(--accent); }
header:not(.site-header) { background: #0c0c0d; border-bottom: 1px solid #c6a66a29; }