/* HDFT colour, with quiet reading surfaces and unchanged project identities. */
:root{--hdft-blue:#0875bf;--hdft-teal:#00aaa7;--hdft-pink:#e51a73;--hdft-gold:#efb332;--bg:#eaf2f6;--surface-soft:#eaf2f7;--v9-accent-soft:#dceefb}
:root[data-theme=dark]{--bg:#102332;--surface-soft:#203a4c;--v9-accent-soft:#214862}
html .sidebar{background:linear-gradient(165deg,color-mix(in srgb,var(--hdft-blue) 9%,var(--surface)),var(--surface) 46%,color-mix(in srgb,var(--hdft-teal) 8%,var(--surface)))}
html .topbar{background:linear-gradient(100deg,color-mix(in srgb,var(--hdft-blue) 7%,var(--surface)),var(--surface) 55%,color-mix(in srgb,var(--hdft-teal) 9%,var(--surface)));border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--hdft-blue) 0% 40%,var(--hdft-teal) 40% 65%,var(--hdft-pink) 65% 84%,var(--hdft-gold) 84%) 1}
.brand{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--hdft-blue),var(--hdft-teal),var(--hdft-pink),var(--hdft-gold)) 1}
.nav-btn{--section-colour:var(--hdft-blue)}
.nav-btn[data-view=people],.nav-btn[data-view=notes],.nav-btn[data-view=files]{--section-colour:var(--hdft-teal)}
.nav-btn[data-view=projects],.nav-btn[data-view=calendar],.nav-btn[data-view=events]{--section-colour:var(--hdft-pink)}
.nav-btn[data-view=waiting],.nav-btn[data-view=inbox],.nav-btn[data-view=timeline]{--section-colour:var(--hdft-gold)}
.nav-btn .nav-ico{color:color-mix(in srgb,var(--section-colour) 80%,var(--text))}
.nav-btn:hover{background:color-mix(in srgb,var(--section-colour) 12%,var(--surface))}
.nav-btn.active{background:color-mix(in srgb,var(--section-colour) 17%,var(--surface));color:var(--text);box-shadow:inset 3px 0 var(--section-colour)}
.workspace-switch button.active{background:linear-gradient(125deg,#116fb3,#168dba);color:#fff}
.v9-eyebrow{color:var(--nhs)}
.page-title h1,.v8-page-head h1{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--hdft-teal) 55%,transparent);text-decoration-thickness:3px;text-underline-offset:9px}
.v9-map-head{background:linear-gradient(110deg,color-mix(in srgb,var(--hdft-blue) 12%,var(--surface)),color-mix(in srgb,var(--hdft-teal) 8%,var(--surface)))}
.v9-hub .graph-viewport{background:radial-gradient(ellipse at 15% 20%,color-mix(in srgb,var(--hdft-blue) 9%,transparent),transparent 60%),radial-gradient(ellipse at 80% 78%,color-mix(in srgb,var(--hdft-teal) 9%,transparent),transparent 60%),var(--surface-soft)!important}
.hub-work-panel .command-hero{background:linear-gradient(130deg,color-mix(in srgb,var(--hdft-blue) 17%,var(--surface)),color-mix(in srgb,var(--hdft-teal) 12%,var(--surface)))!important;border-top:3px solid var(--hdft-teal)}
.command-stats>div,.v9-overview button{--metric-colour:var(--hdft-blue)}
.command-stats>div:nth-child(2),.v9-overview button:nth-child(2){--metric-colour:var(--hdft-pink)}
.command-stats>div:nth-child(3),.v9-overview button:nth-child(3){--metric-colour:var(--hdft-gold)}
.command-stats>div:nth-child(4),.v9-overview button:nth-child(4){--metric-colour:var(--hdft-teal)}
html .command-stats>div,.v9-overview button{background:color-mix(in srgb,var(--metric-colour) 13%,var(--surface))!important;border-color:color-mix(in srgb,var(--metric-colour) 32%,var(--line))!important;border-top:3px solid var(--metric-colour)!important}
html .project-card{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent,var(--hdft-blue)) 13%,var(--surface)),var(--surface) 78%);border-color:color-mix(in srgb,var(--card-accent,var(--hdft-blue)) 35%,var(--line))}
html .person-card{background:linear-gradient(145deg,color-mix(in srgb,var(--hdft-blue) 10%,var(--surface)),var(--surface) 80%)}
html .note-card{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent,var(--hdft-teal)) 10%,var(--surface)),var(--surface) 80%)}
.card-head{background:linear-gradient(100deg,color-mix(in srgb,var(--hdft-blue) 8%,var(--surface)),color-mix(in srgb,var(--hdft-teal) 5%,var(--surface)));border-radius:17px 17px 0 0}
.card-head svg{color:var(--nhs)}
.project-hero{background:linear-gradient(120deg,color-mix(in srgb,var(--accent,var(--hdft-blue)) 18%,var(--surface)),var(--surface))}
.modal-head{background:linear-gradient(110deg,color-mix(in srgb,var(--hdft-blue) 9%,var(--surface)),color-mix(in srgb,var(--hdft-teal) 6%,var(--surface)))}
.att-drop{background:color-mix(in srgb,var(--hdft-teal) 7%,var(--surface));border-color:color-mix(in srgb,var(--hdft-teal) 45%,var(--line))}
.att-count{background:color-mix(in srgb,var(--hdft-teal) 8%,var(--surface))!important}
@media print{html .sidebar,html .topbar,.card-head,.project-card,.person-card,.note-card{background:#fff!important;box-shadow:none!important}}

html .sidebar .nav-btn.active{background:color-mix(in srgb,var(--section-colour) 17%,var(--surface));color:var(--text);box-shadow:inset 3px 0 var(--section-colour)}

html[data-theme=dark] .command-stats>div,html[data-theme=dark] .v9-overview button{background:color-mix(in srgb,var(--metric-colour) 25%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--metric-colour) 48%,var(--line))!important;border-top:3px solid var(--metric-colour)!important}
html[data-theme=dark] .command-stats>div b{color:var(--text)!important}