:root {
 --bg:#f0f4fa; --paper:#fbfdff; --ink:#152c48; --quiet:#53677f;
 --border:#c9d5e4; --border-soft:#dce5ef; --input-border:#96abc6;
 --accent:#245bad; --accent-hover:#1c4789; --tint:#e5edf9;
 --focus-halo:#245bad22; --warning-bg:#fff2ef; --warning-border:#e3bab4;
 --brand-ground:#162f4f; --radius:10px;
}

/* Standalone color variation of the frozen Follow Pulse v4 funnel.
   Design: preserve composition and all behavior; variance 3, motion 2, density 5.
   Existing logo and functional report are reused; no new raster assets needed. */
:root {
  color-scheme: light;
  --surface: var(--paper); --text: var(--ink); --muted: var(--quiet);
  --line: var(--border); --accent-deep: var(--accent);
  --danger: #a32939; --pink: var(--accent); --amber: var(--accent);
  --blue: var(--accent); --coral: #a84c32;
}
body { background: var(--bg); color: var(--text); }
.brand { padding: 4px 12px; border-radius: 10px; background: var(--brand-ground); }
.hero h1, .screen-title, dialog h2 { color: var(--ink); }
.capability { background: var(--paper); border-color: var(--border); border-radius: var(--radius); }
.cap-icon { background: var(--tint); border-color: var(--border); }
.capability.coral .cap-icon { background: var(--warning-bg); }
.type-tabs { background: var(--tint); border-color: var(--border); border-radius: var(--radius); }
.type-tab { color: var(--quiet); background: transparent; border-color: transparent; }
.type-tab[aria-selected=true] { color: var(--accent); background: var(--paper); border-color: var(--accent); box-shadow: none; }
.type-tab:hover { background: var(--paper); border-color: var(--accent); }
.input-shell { background: var(--paper); border-color: var(--input-border); border-radius: var(--radius); }
.input-shell:focus-within { border-color: var(--accent); box-shadow: 0 0 0 2px var(--focus-halo); }
input::placeholder { color: var(--quiet); }
.primary { background: var(--accent); color: #fbfdff; box-shadow: none; border-radius: var(--radius); }
.primary:hover { background: var(--accent-hover); filter: none; }
.primary:focus-visible { outline-color: var(--ink); }
.additional>summary { color: var(--quiet); }
.optional-field input { background: var(--paper); border-color: var(--input-border); border-radius: var(--radius); }
.optional-field input:focus-visible { box-shadow: 0 0 0 2px var(--focus-halo); }
.scan-orbit { background: var(--paper); border-color: var(--accent); box-shadow: 0 0 0 9px var(--tint), 0 0 0 19px var(--bg); }
progress, progress::-webkit-progress-bar { background: var(--border); }
.prepare-steps li { background: var(--paper); border-color: var(--border); border-radius: var(--radius); }
.prepare-steps .active { border-color: var(--accent); background: var(--tint); }
.query-summary { background: var(--paper); border-color: var(--border); border-radius: var(--radius); }
.summary-heading { background: var(--tint); }
.preview-document, .preview-row { background: var(--paper); }
.blurred, .lock { color: var(--quiet); }
dialog { background: var(--paper); border-color: var(--border); border-radius: var(--radius); }
dialog::backdrop { background: rgb(18 34 45 / .54); }
.dialog-symbol { background: var(--tint); border-radius: var(--radius); }
#summary-view .preview-heading p { color: var(--quiet); }
.report-eyebrow { color: var(--accent); }
.report-inventory { border-color: var(--border); color: var(--quiet); }
.report-inventory strong { color: var(--ink); }
.report-inventory .inventory-example { border-color: var(--border); color: var(--quiet); background: var(--paper); }
.dossier-section,
.dossier-section.blue, .dossier-section.amber, .dossier-section.teal,
.dossier-section.pink { --section-color: var(--accent); background: var(--paper); border-color: var(--border); border-radius: var(--radius); }
.dossier-heading h4 { color: var(--ink); }
.dossier-description, .dossier-number { color: var(--quiet); }
.dossier-icon { background: var(--tint); border-color: var(--border); }
.dossier-fields, .dossier-field { border-color: var(--border-soft); }
.dossier-field dt { color: var(--ink); }
.dossier-blur { opacity: .76; }
.dossier-blur>span { color: var(--ink); }
.dossier-blur>span+span { color: var(--quiet); }
.dossier-timeline .dossier-field dt::before { background: var(--accent); border-color: var(--tint); }
.dossier-section.dossier-attention { --section-color: #a32939; background: var(--warning-bg); border-color: var(--warning-border); }
.dossier-attention .dossier-heading h4 { color: #912734; }
.dossier-attention .dossier-icon { background: var(--warning-bg); border-color: var(--warning-border); }
.dossier-attention .dossier-fields, .dossier-attention .dossier-field { border-color: var(--warning-border); }
.report-closing>span { color: #a32939; }
.report-closing p { color: var(--quiet); }
body[data-view="summary"] .result-actions { background: var(--bg); border-top: 1px solid var(--border); }
@media (prefers-reduced-transparency: reduce) {
  dialog::backdrop { background: rgb(18 34 45 / .75); backdrop-filter: none; }
}

.hero h1 { font-weight:850; }
.dossier-heading { padding-bottom:10px; background:var(--tint); }
.dossier-description { margin:0; padding:0 14px 13px 54px; background:var(--tint); }
.dossier-icon { background:var(--paper); }
.dossier-attention .dossier-heading,
.dossier-attention .dossier-description { background:var(--warning-bg); }
.report-inventory { border-radius:var(--radius); border:1px solid var(--border); background:var(--paper); padding-inline:12px; }
@media(max-width:360px) {
 .dossier-description { padding-left:49px; padding-right:11px; }
}