@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-3.ttf) format('truetype');
}
/* Slate and coral: the selected CivicDoc pro visual theme. */
:root{color-scheme:dark;--font:'Manrope',Arial,sans-serif;--serif:'Manrope',Arial,sans-serif;--ink:#f1f3f7;--ink-soft:#bec7d5;--navy:#1e2736;--teal:#f3a18b;--teal-dark:#f6b8a6;--aqua:#3c485d;--sky:#354155;--cream:#252e3d;--white:#303b4c;--line:#65758d;--green:#c2dfd6;--amber:#f4d39e;--red:#ffc1b6;--shadow:0 18px 48px #131b2933;--radius:12px}
h1,h2,h3{letter-spacing:-.04em}
.hero h1{font-size:clamp(3.1rem,4.8vw,4.6rem);letter-spacing:-.045em;line-height:1.12}
.hero h1 em{font:600 1em/1.12 var(--font);letter-spacing:-.045em;margin-top:7px}
.paper h3 em{font-style:normal;font-weight:600}
.nav-wrap{background:#252e3df7}
.nav-links,.btn-quiet{color:#d4dce7}
.brand-mark,.brand small,.quick-icon,.preview-file svg{color:var(--teal)}
.btn-primary,.download-file-actions .btn-primary{background:var(--teal);border-color:var(--teal);color:#2b2931;border-radius:9px}
.btn-primary:hover{background:#f6b8a6;border-color:#f6b8a6}
.btn-secondary:hover{background:#3c485d;border-color:#afbdd1}
.runtime-banner,.micro-note,.hero-footnote{color:#bec7d5}
.preview-window{background:#303b4c;border-color:var(--line);box-shadow:var(--shadow)}
.preview-toolbar,.preview-bottom{background:#354155;border-color:var(--line);color:#d4dce7}
.preview-label,.preview-label span:last-child,.preview-toolbar>span,.review-preview>span,.preview-check small,.preview-annotation{color:var(--ink-soft)}
.preview-check strong{color:var(--ink)}
.preview-bottom span:last-child{color:var(--teal)}
.preview-annotation::before{background:var(--line)}
.paper{background:#f1f3f7;color:#263347}
.paper-top,.paper p,.paper-caption{color:#4e5e74;border-color:#b8c3d2}
.paper-seal{border-color:#77869a}
.paper-lines i{background:#c1cbd8}
.check-ring{background:#3f5366;color:#d2e5f3}
.check-ring.pending{background:#59433f;color:#ffc1af}
.preview-progress,.progress{background:#4b5b72}
.preview-progress i{background:var(--teal)}
.quick-links{background:#303b4c;border-color:var(--line)}
.quick-link{border-color:var(--line)!important}
.quick-link:hover{background:#3a475b}
.quick-heading,.quick-link small,.quick-link .arrow{color:var(--ink-soft)}
.quick-heading strong{color:var(--ink)}
.trust-strip,.section.alt,.app-bar{background:#293446}
.trust-intro,.trust-inner>span:not(.trust-intro){color:#c6d0df}
.workflow-card,.workflow-card+.workflow-card,.security-item,.scope-list{border-color:var(--line)}
.workflow-card .step-label{color:#b7c4d8}
.plan-card{background:#303b4c;border-color:var(--line)}
.plan-card.featured{background:#354155;border-color:var(--teal)}
.plan-card .eyebrow,.plan-card>p,.price span,.scope-list{color:#d4dce7}
.plan-label{color:#ffd0c1;border-color:#9d716a;background:#f3a18b0a}
.scope-list li::before{color:#d7e6f5}
.availability-note{color:var(--ink-soft)!important}
.closing-note{background:#303b4c}
.footer{background:#212a39}
.footer-inner{color:var(--ink-soft)}
.auth-card{background:#303b4c;border-color:var(--line);box-shadow:var(--shadow);border-radius:14px}
.auth-card h1{font-size:2.4rem;line-height:1.16;letter-spacing:-.045em}
label{color:#e4eaf2}
input,select,textarea{background:#252f40;border-radius:8px}
input::placeholder,textarea::placeholder{color:#b6c3d5}
.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea,.downloads-toolbar input,.btn-secondary,.close-btn{border-color:#8595ad}
.downloads-toolbar input{background:#252f40}
.upload-card{background:#354256;border-color:#96a9c5}
.upload-card.dragging{background:#414d62}
.upload-icon{background:#455269}
.upload-title span,.metric small{color:#c6d0df}
.tab.active,.tab:hover{background:#45536a}
th{color:#c0cce0}
td{border-color:var(--line)}
.file-icon,.download-file-icon{background:#f3a18b12;border-color:#ac8077;color:#ffc3b2}
.row-actions button:hover{background:#414e64}
.avatar{background:#46536b;color:#e4ebf5}
.role-pill{background:#414f66;color:#d8e2ef}
.demo-badge{background:#434a60;border-color:#8492ad;color:#e1e7f3}
.account-popover{background:#303b4c;box-shadow:0 16px 45px #111a2b66}
.account-avatar{background:#f3a18b15;border-color:#f3a18b66}
.account-popover button:hover,.account-popover a:hover{background:#f1f3f70a}
.password-toggle:hover{background:#f3a18b15;border-color:#f3a18b66}
.notice,.callout{background:#394657;border-color:#71849f;color:#d4deeb}
.notice{background:#354357;border-color:#71849f;color:#d4deeb}
.toast{background:#354357;border-color:#8595ad}
.modal-backdrop{background:#111827cc}
:focus-visible{outline-color:var(--teal)}
::selection{background:var(--teal);color:#252e3d}
.skip-link{color:#252e3d}
@media(max-width:580px){.hero h1{font-size:clamp(2.55rem,9.5vw,3.7rem)}.auth-card h1{font-size:2.1rem}}