/* Always Kindly interface palette. Load before legacy palette layers so
   these scoped important declarations also win over their important rules.
   Images, logos and saved user content remain original assets. */
@layer ak-monochrome {
  html[data-ak-theme="monochrome"], html[data-ak-theme="monochrome"] body {
    color-scheme: light !important;
    --ink:#000!important;--text:#000!important;--muted:#333!important;
    --green:#000!important;--forest:#000!important;--accent:#000!important;
    --primary:#000!important;--brand:#000!important;--gold:#000!important;
    --bg:#fff!important;--background:#fff!important;--paper:#fff!important;
    --surface:#fff!important;--card:#fff!important;--white:#fff!important;
    --cream:#fff!important;--soft:#f4f4f4!important;--sage:#f4f4f4!important;
    --mint:#f4f4f4!important;--blue:#f4f4f4!important;--pink:#f4f4f4!important;
    --line:#b5b5b5!important;--sand:#eee!important;
    --hyvinn-text:#000!important;--hyvinn-background:#fff!important;
    --hyvinn-content:#fff!important;--hyvinn-visual:#eee!important;
    --hyvinn-logo-background:#000!important;--hyvinn-line:#b5b5b5!important;
    --ak-ink:#000!important;--ak-muted:#333!important;--ak-green:#000!important;
    --ak-soft:#f4f4f4!important;--ak-line:#b5b5b5!important;--ak-bg:#fff!important;
    --app-accent:#000!important;--app-soft:#f4f4f4!important;--app-second:#eee!important;
    --section-accent:#000!important;--section-tint:#f4f4f4!important;
    background:#fff!important;color:#000!important;
  }
  html[data-ak-theme="monochrome"] :where(*):not(img):not(video):not(canvas):not(svg):not(svg *),
  #always-kindly :where(*):not(img):not(video):not(canvas):not(svg):not(svg *) {
    color:#000!important;border-color:#b5b5b5!important;
    background-color:transparent!important;background-image:none!important;
    box-shadow:none!important;accent-color:#000!important;
  }
  html[data-ak-theme="monochrome"] :where(header,nav,aside,dialog,section,article,input,textarea,select,[role="dialog"],.card,.ak-card,.topbar,.sidebar,.bottom-nav,.ak-mobile-nav),
  #always-kindly, #always-kindly :where(article,.kindly-routes a) {
    background:#fff!important;color:#000!important;
  }
  html[data-ak-theme="monochrome"] :where(button,.button,.btn,.ak-button,input[type="submit"],[role="button"]),
  #always-kindly :where(button,.button,[role="button"]) {
    background:#000!important;color:#fff!important;border-color:#000!important;
  }
  html[data-ak-theme="monochrome"] :where(button,.button,.btn,.ak-button,[role="button"]) :where(*),
  #always-kindly :where(button,.button,[role="button"]) :where(*) {color:#fff!important;}
  html[data-ak-theme="monochrome"] :where([aria-current="page"],[aria-selected="true"],[aria-pressed="true"],.active,.selected),
  #always-kindly :where([aria-current="page"],[aria-selected="true"]) {
    border-color:#000!important;outline:1px solid #000!important;
    text-decoration:underline!important;text-underline-offset:4px;
  }
  html[data-ak-theme="monochrome"] :where(input,textarea,select) {border:1px solid #555!important;}
  html[data-ak-theme="monochrome"] :where(*)::placeholder {color:#555!important;opacity:1!important;}
  html[data-ak-theme="monochrome"] :where(a):not(.button):not(.btn):not(.ak-button):hover,
  #always-kindly a:hover {text-decoration:underline!important;}
  html[data-ak-theme="monochrome"] :focus-visible,
  #always-kindly :focus-visible {outline:3px solid #000!important;outline-offset:4px!important;}
  html[data-ak-theme="monochrome"] :where(button,.button,.btn,.ak-button):focus-visible,
  #always-kindly .button:focus-visible {outline-color:#000!important;box-shadow:0 0 0 2px #fff!important;}
  html[data-ak-theme="monochrome"] :where(button:disabled,input:disabled,select:disabled,textarea:disabled) {opacity:.55!important;cursor:not-allowed!important;}
  html[data-ak-theme="monochrome"] :where(svg,canvas,.ak-bar,.progress-fill,progress,meter),
  #always-kindly svg {filter:grayscale(1)!important;}
  html[data-ak-theme="monochrome"] :where(.ak-bar,.progress-fill) {background:#000!important;}
  #always-kindly {--ink:#000;--text:#000;--muted:#333;--forest:#000;--green:#000;--gold:#000;--line:#b5b5b5;}
  #always-kindly .ak-logo {background:#fff!important;}
}