/* Route-wide HNO.de palette. Semantic error and warning colors stay intact. */
:root{--ink:#203c2c;--muted:#5b6d60;--blue:#245f3e;--blue-hover:#18472d;--white:#fcfdf9;--canvas:#fcfdf9;--ice:#edf3e8;--line:#dbe5d6;--theme-paper:#fcfdf9;--theme-wash:#edf3e8;--theme-accent:#245f3e}
body{background:var(--theme-paper);color:var(--ink)}
::selection{background:var(--theme-wash);color:var(--ink)}
.section-heading h2,.discovery-heading h2,.journey h2,.practice h2,.faq h2{font-family:Quicksand,Manrope,sans-serif;font-weight:500;letter-spacing:-.035em}
.topics,.clinic-discovery,.provider-discovery{background:var(--theme-paper)}
.topic-index>button.has-topic-photo,.journey,.faq,.practice,.practice-statement{background:var(--theme-wash)}
.topic-card,.topic-index>button,.clinic-discovery-grid>a,.provider-card{border-color:var(--line)}
.topic-photo,.sleep-card>img,#topic-detail-image{filter:saturate(.78) brightness(1.025)}
.allergy-card.has-topic-photo:after,.prevention-card.has-topic-photo:after{background:linear-gradient(90deg,#edf3e8f2 0%,#edf3e8b8 44%,#edf3e800 100%)}
.topic-index>button.has-topic-photo:hover{background:var(--theme-wash)}
.topic-title,.topic-name{color:var(--ink)}
.topic-description,.section-heading p{color:var(--muted)}
.sleep-card .topic-title,.sleep-card .topic-description{color:white}
.circle-link,.step-number{background:var(--theme-paper);color:var(--theme-accent)}
.practice-word span,.journey h2 span,.dialog-brand,.section-eyebrow{color:var(--theme-accent)}
.site-dropdown,.topic-options,dialog,.clinic-discovery-grid>a,.provider-card{background:var(--theme-paper);border-color:var(--line)}
.site-dropdown a:hover,.topic-options button:hover,.topic-options button:first-child,.topic-options button:focus-visible{background:var(--theme-wash)}
.topic-detail-footer,footer{background:var(--theme-wash);border-color:var(--line)}
.booking-progress li.active,.time-slot:hover,.time-slot.selected{border-color:var(--theme-accent)}
.field-label,.search-field>.icon,.discovery-location{color:var(--muted)}
.hno-footer-powered{color:var(--muted)}
