/* Hazel Blueprint light palette: semantic overrides only; dark remains the default. */
html[data-theme="light"]{
  color-scheme:light;
  --color-navy:#fff;
  --color-white:#00002d;
  --color-raised:#f5f6fa;
  --color-dark-line:#d6d9e5;
  --color-dark-muted:#53556b;
  --color-light-blue:#004bff;
  --color-bloom-paper:#fff;
  --color-bloom-branch:#004bff;
  --color-on-accent:#fff;
  --color-paper-surface:#f5f6fa;
  --color-paper-ink:#00002d;
  --color-paper-muted:#53556b;
  --color-paper-line:#d6d9e5;
}
html[data-theme="light"] .bloom-blueprint{
  --color-white:#00002d;--color-raised:#f5f6fa;--color-dark-line:#d6d9e5;
  --color-dark-muted:#53556b;--color-light-blue:#004bff;--color-bloom-paper:#fff;
  --color-bloom-branch:#004bff;--color-on-accent:#fff;
  --color-paper-surface:#f5f6fa;--color-paper-ink:#00002d;
  --color-paper-muted:#53556b;--color-paper-line:#d6d9e5;
}
/* Navy is also used as a dark-surface token in the Blueprint palette. Keep
   text on the service and story paper surfaces explicitly dark in light mode. */
html[data-theme="light"] .blueprint .about-story,
html[data-theme="light"] .blueprint .service-scope{
  --color-ink:var(--color-paper-ink);
  color:var(--color-paper-ink);
}
html[data-theme="light"] .blueprint .kb-example,
html[data-theme="light"] .blueprint .kb-scope{
  color:var(--color-paper-ink);
}

.theme-toggle[hidden]{display:none}
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-width:44px;min-height:44px;padding:8px 12px;
  color:var(--color-white);background:transparent;
  border:1px solid var(--color-dark-line);border-radius:4px;
  font:400 11px/1.2 var(--font-mono);white-space:nowrap;cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.theme-toggle svg{width:16px;height:16px;flex:none}
.theme-icon-moon{display:none}
html[data-theme="light"] .theme-icon-sun{display:none}
html[data-theme="light"] .theme-icon-moon{display:block}
.theme-toggle:hover{border-color:var(--color-light-blue);color:var(--color-light-blue)}
.theme-toggle:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:4px}
.blueprint .header-actions{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:12px}
.blueprint .theme-toggle{margin-top:0}
.blueprint .map-core,.blueprint .button:not(.secondary){color:var(--color-on-accent)}
.blueprint .transformation{background:var(--color-paper-surface);color:var(--color-paper-ink);--color-line:var(--color-paper-line);--color-muted:var(--color-paper-muted)}
.blueprint .calendar{background:var(--color-paper-surface)}
.not-found-page{min-height:100vh;background:var(--color-navy);color:var(--color-white)}
.not-found-page .not-found-theme-toggle{position:fixed;top:24px;right:24px;margin:0}
html[data-theme="light"] .production-site .selected-logo[src*="sculpted-bloom-4a"]{filter:brightness(0)}
html[data-theme="light"] .bloom-blueprint .selected-logo[src*="sculpted-bloom-4a"]{filter:brightness(0)}

@media(max-width:800px){
  .blueprint .theme-toggle{margin-top:0}
  .blueprint .header-actions{order:1;flex-direction:row;align-items:center;gap:8px}
  .blueprint .site-header nav{flex-basis:100%;order:2}
}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}