/* MEMORA HOUSE — dark theme overrides. Activated by html[data-theme="dark"] */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: color-mix(in srgb, var(--olive) 34%, var(--black));
  --text: var(--white);
  --muted: color-mix(in srgb, var(--white) 76%, var(--bg));
  --line: rgb(255 255 255 / .2);
  --soft: color-mix(in srgb, var(--sage) 14%, var(--bg));
  --deep: color-mix(in srgb, var(--olive) 72%, var(--black));
  --header: color-mix(in srgb, var(--olive) 80%, var(--black));
  --btn-bg: var(--sage);
  --btn-text: var(--olive);
  --focus: var(--sage);
}

[data-theme="dark"] .btn--primary:hover { background: var(--white); }
[data-theme="dark"] .icon-moon { display: none; }
[data-theme="dark"] .icon-sun { display: block; }
[data-theme="dark"] .dropdown-menu { background: color-mix(in srgb, var(--olive) 55%, var(--black)); }
[data-theme="dark"] .dropdown-menu a:hover,
[data-theme="dark"] .dropdown-menu a.is-active { background: rgb(255 255 255 / .12); }
[data-theme="dark"] .frame--modern { outline: 1px solid rgb(255 255 255 / .35); }
[data-theme="dark"] .frame--white { outline-color: transparent; }
[data-theme="dark"] .story { background: color-mix(in srgb, var(--olive) 50%, var(--black)); }
[data-theme="dark"] .story .tag { background: var(--sage); color: var(--olive); }
[data-theme="dark"] .opt__sw { border-color: rgb(255 255 255 / .35); }
[data-theme="dark"] .opt--glaze .opt__sw { background: linear-gradient(115deg, rgb(255 255 255 / .6) 0 20%, color-mix(in srgb, var(--sage) 35%, var(--bg)) 20% 100%); }
[data-theme="dark"] .journey li::before { background: var(--bg); border-color: var(--white); }
[data-theme="dark"] .svc-row:hover { background: rgb(255 255 255 / .05); }
[data-theme="dark"] .img-missing { background: color-mix(in srgb, var(--sage) 70%, var(--black)); }
[data-theme="dark"] .to-top { background: var(--sage); color: var(--olive); --focus: var(--white); }
[data-theme="dark"] .skip-link { background: var(--sage); color: var(--olive); }
/* MEMORA HOUSE — dark theme overrides. Activated by html[data-theme="dark"] */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: color-mix(in srgb, var(--olive) 34%, var(--black));
  --text: var(--white);
  --muted: color-mix(in srgb, var(--white) 76%, var(--bg));
  --line: rgb(255 255 255 / .2);
  --soft: color-mix(in srgb, var(--sage) 14%, var(--bg));
  --deep: color-mix(in srgb, var(--olive) 72%, var(--black));
  --header: color-mix(in srgb, var(--olive) 80%, var(--black));
  --btn-bg: var(--sage);
  --btn-text: var(--olive);
  --focus: var(--sage);
}

[data-theme="dark"] .btn--primary:hover { background: var(--white); }
[data-theme="dark"] .icon-moon { display: none; }
[data-theme="dark"] .icon-sun { display: block; }
[data-theme="dark"] .dropdown-menu { background: color-mix(in srgb, var(--olive) 55%, var(--black)); }
[data-theme="dark"] .dropdown-menu a:hover,
[data-theme="dark"] .dropdown-menu a.is-active { background: rgb(255 255 255 / .12); }
[data-theme="dark"] .frame--modern { outline: 1px solid rgb(255 255 255 / .35); }
[data-theme="dark"] .frame--white { outline-color: transparent; }
[data-theme="dark"] .story { background: color-mix(in srgb, var(--olive) 50%, var(--black)); }
[data-theme="dark"] .story .tag { background: var(--sage); color: var(--olive); }
[data-theme="dark"] .opt__sw { border-color: rgb(255 255 255 / .35); }
[data-theme="dark"] .opt--glaze .opt__sw { background: linear-gradient(115deg, rgb(255 255 255 / .6) 0 20%, color-mix(in srgb, var(--sage) 35%, var(--bg)) 20% 100%); }
[data-theme="dark"] .journey li::before { background: var(--bg); border-color: var(--white); }
[data-theme="dark"] .svc-row:hover { background: rgb(255 255 255 / .05); }
[data-theme="dark"] .img-missing { background: color-mix(in srgb, var(--sage) 70%, var(--black)); }
[data-theme="dark"] .to-top { background: var(--sage); color: var(--olive); --focus: var(--white); }
[data-theme="dark"] .skip-link { background: var(--sage); color: var(--olive); }

/* Home Two */
[data-theme="dark"] .t2-studio__round { border-color: var(--bg); }
[data-theme="dark"] .t2-ba__tag { background: var(--sage); color: var(--olive); }
[data-theme="dark"] .panel-card { background: color-mix(in srgb, var(--olive) 60%, var(--black)); border: 1px solid rgb(255 255 255 / .25); }
[data-theme="dark"] .tl li::before { background: var(--bg); border-color: var(--white); }
[data-theme="dark"] .t2-hero { background: var(--soft); }