/* Blue, mint and navy echo the unmodified Local Hack logo.
   Legacy --orange / --sage names remain aliases for the shared page components. */
:root{
  --brand-blue:#38b0ed;
  --brand-mint:#8eddd7;
  --brand-accent:#087688;
  --brand-accent-hover:#075f70;
  --brand-muted:#526b78;
  --ink:#183148;
  --orange:var(--brand-accent);
  --cream:#f5faf9;
  --sage:#e4f2f0;
  --white:#fffefa;
  --line:#b8d3d6;
}

/* Common surfaces, headings and navigation. */
.header.official-header{background:#f5faf9f5;color:var(--ink);border-bottom-color:#c8dfe1;box-shadow:0 3px 15px #18314806}
.header.official-header #navigation>a:not(.official-contact):after{background:var(--brand-blue)}
.header.official-header #navigation>.official-contact{color:var(--brand-accent-hover);border-color:#8bbac2}
.header.official-header #navigation>.official-contact:hover{background:var(--sage)}
.header.official-header #navigation.open{background:var(--white);border-color:var(--line)}
.hero .round-link{background:var(--cream)}
.story-tab{border-color:#97bac0}
.story-tab>span{color:var(--brand-muted)}
.scene-speech,.scene-speech:after{border-color:#8bb1b7}
.conversation-marks path{fill:var(--white);stroke:#709ea6}
.conversation-marks circle{fill:var(--brand-accent)}
.network-base{stroke:#86b7bb}
.network-nodes circle{fill:var(--white);stroke:var(--brand-accent)}
.flow-tail.forward{stroke:#269fc5}
.flow-tail.backward{stroke:#299b92}
.flow-head.forward{fill:#269fc5}
.flow-head.backward{fill:#299b92}

/* Company memory and services keep their paper-like treatment. */
.connected-page .approach-kioku{background:var(--white)}
.approach-copy h2,.kioku-name>strong,.kioku-name>span>span,.memory-note p{color:var(--ink)}
.approach-copy h2 span,.memory-note>span,.memory-bridge a span{color:var(--brand-accent)}
.approach-eyebrow,.approach-body,.kioku-name>span,.memory-visual figcaption,.memory-step p,.memory-service-kicker small{color:var(--brand-muted)}
.kioku-name,.memory-bridge{border-color:var(--line)}
.memory-note{border-color:var(--line);background:#fffefaf5;box-shadow:0 4px 0 #08768808}
.memory-note:after{border-color:var(--line);background:var(--white)}
.memory-track{background:var(--line)}
.memory-track i,.memory-track i:after{background:var(--brand-accent)}
.memory-step-number{border-color:#8bb1b7;background:var(--white);color:var(--brand-muted)}
.memory-step.is-current .memory-step-number,.memory-step.is-past .memory-step-number{color:var(--white);background:var(--brand-accent);border-color:var(--brand-accent)}
.memory-bridge a{border-color:#a3c7ca;background:var(--cream)}
.memory-bridge a:hover{background:#d2eae8}
.service .service-meta,.connected-page .service{border-color:var(--line)}
.service-detail-link>span{border-color:#7fa8b1}
.service-detail-link:hover{color:var(--brand-accent-hover)}
.service-detail-link:hover>span{background:var(--brand-accent);color:var(--white)}
.service-caption>span,.connected-page .service-picture>p span{color:var(--brand-muted)}
.tags li{border-color:#aac8ce}

/* The offer, links and article labels share a readable teal. */
.kioku-trial{background:var(--sage)}
.kioku-no-card{border-color:var(--brand-accent);color:var(--brand-accent-hover);box-shadow:0 3px 0 var(--brand-accent)}
.kioku-detail-link,.kioku-trial-terms{border-color:#abcbd0}
.kioku-trial-terms{color:var(--brand-muted)}
.kioku-trial-cta:hover,.kioku-header-cta:hover{background:var(--brand-accent-hover)}
.top-news-inner,.journal-all-link,.journal-card-foot{border-color:#9abfc5}
.top-news-list li{border-color:var(--line)}
.news-item-category{border-color:#a8c8cd}
.news-item-arrow{border-color:#7fa8b1}
.journal-card-category{color:var(--brand-accent-hover)}
.journal-recommender{--bubble-paper:#fffdf4}
.journal-recommender-wave{--bubble-paper:#f8fcf5}
.journal-recommender-note{--bubble-paper:#f3faf9}
.journal-recommend-bubble,.journal-recommend-bubble:after{border-color:#738f91}
.journal-recommend-bubble{color:var(--ink)}

/* The footer provides a light ground for the original full-color wordmark. */
.connected-page .contact{background:#14697d;color:var(--white)}
.site-footer{background:#e9f4f3;color:var(--ink);border-top:1px solid #bfd9db}
.site-footer .footer-logo{display:inline-flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:100%;font-size:inherit;letter-spacing:normal}
.site-footer .footer-logo img{display:block;width:230px;max-width:100%;height:auto;filter:none}
.site-footer .footer-logo span{margin:0;font-size:11px;letter-spacing:.04em}
.site-footer .footer-links a:hover{color:var(--brand-accent-hover)}
.site-footer .footer-bottom{border-color:#aacbd0}
.site-footer .footer-dx{background:var(--white);color:var(--ink);border:1px solid #c8dfe1}
.kioku-detail-header{background:var(--cream);border-color:var(--line)}
.kioku-detail-footer{background:#e9f4f3;color:var(--ink)}
.kioku-use-list article,.kioku-trial-intro li,.kioku-faq details,.kioku-faq details:last-child{border-color:var(--line)}

/* Motion controls use the same palette without altering saved speed values. */
.playback,.settings-toggle,.motion-settings{background:var(--white);border-color:#aecdd0;color:var(--ink)}
.playback button[aria-pressed=true]{background:#cfe9e9}
.settings-toggle:hover,.speed-reset:hover{background:var(--sage)}
.settings-heading{background:var(--white);border-color:var(--line)}
.settings-eyebrow,.settings-intro,.settings-scale small,.settings-help,.settings-footer #settings-status,.settings-group legend span{color:var(--brand-muted)}
.settings-heading #settings-close,.settings-scale,.settings-footer{background:#edf6f4;color:var(--ink)}
.settings-heading #settings-close:hover{background:#d9ecea}
.settings-group legend,.settings-footer{border-color:var(--line)}
.speed-caption output{color:var(--brand-accent-hover)}
.speed-reset{color:var(--brand-muted)}
.settings-actions button{border-color:#aac8ce;color:var(--ink);background:var(--white)}
.settings-actions #settings-export{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--white)}
.motion-settings :focus-visible,.settings-toggle:focus-visible{outline-color:var(--brand-accent)}
.speed-row input[type=range]{accent-color:var(--brand-accent)}
.speed-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--brand-accent) 0%,var(--brand-accent) var(--range-progress,33.333%),#d4e7e8 var(--range-progress,33.333%),#d4e7e8 100%)}
.speed-row input[type=range]::-webkit-slider-thumb{border-color:var(--white);background:var(--brand-accent);box-shadow:0 0 0 1px var(--brand-accent),0 1px 3px #18314820}
.speed-row input[type=range]:hover::-webkit-slider-thumb{background:var(--brand-accent-hover)}
.speed-row input[type=range]::-moz-range-track{background:#d4e7e8}
.speed-row input[type=range]::-moz-range-progress{background:var(--brand-accent)}
.speed-row input[type=range]::-moz-range-thumb{border-color:var(--white);background:var(--brand-accent);box-shadow:0 0 0 1px var(--brand-accent)}
@media(max-width:980px){
  .header.official-header #navigation>a,.header.official-header #navigation>.header-mobile-home,.header.official-header #navigation>.official-contact{border-color:var(--line)}
}
@media(max-width:760px){.site-footer .footer-logo img{width:210px}}