/* The shared palette keeps images unchanged and follows the OS without JavaScript. */
:root{
 color-scheme:light;
 --surface:#fff;--surface-soft:#edf1e7;--surface-detail:#e9ede3;
 --surface-selected:#dce5d4;--surface-faq:#fafbf7;--surface-icon:#e6ecdf;
 --eyebrow-ink:#61754f;--input-border:#7d8c76;
 --button-bg:#253b35;--button-ink:#fff;--button-hover:#40645c;
 --ad-surface:#e8ece4;--ad-ink:#466557;--consent-surface:#f8faf5;
 --preview-surface:#e8ecdf;--hover-shadow:#203b2d18;
}
/* Near-black page, raised neutral surfaces and muted sage accents. */
:root[data-theme="dark"]{
 color-scheme:dark;
 --ink:#eef1ec;--muted:#b5bfb8;--green:#b6c7aa;--line:#526056;
 --paper:#101412;--sage:#282f2b;--surface:#1b211e;--surface-soft:#282f2b;
 --surface-detail:#222924;--surface-selected:#343e37;--surface-faq:#1b211e;
 --surface-icon:#303b33;--eyebrow-ink:#b6c7aa;--input-border:#829087;
 --button-bg:#b7c8ab;--button-ink:#101412;--button-hover:#cad6c2;
 --ad-surface:#222924;--ad-ink:#b5bfb8;--consent-surface:#222924;
 --preview-surface:#1b211e;--hover-shadow:#0006;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme]){
  color-scheme:dark;
  --ink:#eef1ec;--muted:#b5bfb8;--green:#b6c7aa;--line:#526056;
  --paper:#101412;--sage:#282f2b;--surface:#1b211e;--surface-soft:#282f2b;
  --surface-detail:#222924;--surface-selected:#343e37;--surface-faq:#1b211e;
  --surface-icon:#303b33;--eyebrow-ink:#b6c7aa;--input-border:#829087;
  --button-bg:#b7c8ab;--button-ink:#101412;--button-hover:#cad6c2;
  --ad-surface:#222924;--ad-ink:#b5bfb8;--consent-surface:#222924;
  --preview-surface:#1b211e;--hover-shadow:#0006;
 }
}
.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;min-width:0}
.theme-control{display:grid;gap:5px;flex:none;font:500 11px/1.3 'Work Sans',sans-serif;color:var(--muted)}
.theme-control select{min-height:44px;max-width:145px;padding:7px 26px 7px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font:400 13px/1.4 'Work Sans',sans-serif;cursor:pointer}
.theme-control select:disabled{cursor:default}
/* Control outlines stay visible; photograph colors are never filtered. */
:root[data-theme="dark"] .theme-control select{border-color:var(--input-border)}
:root[data-theme="dark"] .card-media{outline-color:rgb(255 255 255 / .1)}
@media(prefers-color-scheme:dark){
 :root:not([data-theme]) .theme-control select{border-color:var(--input-border)}
 :root:not([data-theme]) .card-media{outline-color:rgb(255 255 255 / .1)}
}

.eyebrow{color:var(--eyebrow-ink)}
.preview-note{background:var(--preview-surface)}
.skip{background:var(--surface);color:var(--ink)}
.filter-panel input,.filter-panel select{background:var(--surface);border-color:var(--input-border);color:var(--ink)}
.filter-panel input::placeholder{color:var(--muted);opacity:1}
.button,.empty button{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-ink)}
.collection-overview a{background:var(--surface)}
.results-heading::before{border-color:var(--line)}
.section-icon,.facts{background:var(--surface-icon)}
.facts dl>div{border-color:var(--line)}
.plan-box,.plant-note{background:var(--surface-soft);border-left-color:var(--green);border-top-color:var(--green)}
.plant-detail{background:var(--surface-detail)}
.faq details{background:var(--surface-soft);border-color:var(--line)}
.faq details[open] summary{background:var(--surface-selected)}
.faq details>div{background:var(--surface-faq)}
.product-recommendations{background:var(--sage);border-color:var(--line);color:var(--ink)}
.product-recommendations li{background:var(--surface)}
.product-role,.product-ad-label{color:var(--muted)}
.product-recommendations a:focus-visible{outline-color:var(--green)}
.lex-ad-label{color:var(--muted)}
.lex-ad-surface{background:var(--ad-surface);border-color:var(--line);color:var(--ad-ink)}
.leafy-consent{background:var(--consent-surface);border-color:var(--input-border);color:var(--ink)}
.leafy-consent-actions button{background:var(--surface);border-color:var(--input-border);color:var(--ink)}
.leafy-consent button:focus-visible,.leafy-consent a:focus-visible,.leafy-statistics-settings:focus-visible{outline-color:var(--green)}
.plant-card:focus-within{box-shadow:0 8px 22px var(--hover-shadow)}
@media(hover:hover) and (pointer:fine){
 .button:hover,.empty button:hover{background:var(--button-hover);border-color:var(--button-hover)}
 .plant-card:hover{box-shadow:0 8px 22px var(--hover-shadow)}
 .theme-control select:hover{border-color:var(--green)}
}
@media(max-width:1100px){.header-controls{gap:14px 20px}.site-header nav{justify-content:flex-end}}
@media(max-width:720px){
 .header-controls{justify-content:flex-start;align-items:flex-start;gap:18px;margin-top:20px}
 .site-header nav{margin-top:0;justify-content:flex-start;flex:1 0 100%}
 .theme-control{display:flex;align-items:center;gap:10px}
}