/* MyKualo 2026 theme: Dark (task 14272). header.tpl links this with media "not all" (Light),
   "screen" (Dark) or "screen and (prefers-color-scheme: dark)" (Auto), so no script picks the theme on load. */
:root {
  --mk-page: #0C1716;
  --mk-surface: #13211F;
  --mk-surface-2: #1A2B29;
  --mk-line: #26403C;
  --mk-line-soft: #1D302D;
  --mk-line-strong: #3F5F59;
  --mk-text: #E8F2EC;
  --mk-text-2: #A9BDB5;
  --mk-text-3: #8AA39A;
  --mk-body: #D7E4DD;
  --mk-brand: #CCE5D2;
  --mk-brand-hover: #E0F0E4;
  --mk-on-brand: #093E3B;
  --mk-chrome: #07201E;
  --mk-chrome-2: #123A36;
  --mk-chrome-text: #E6F2E9;
  --mk-chrome-text-2: #B7D6C0;
  --mk-chrome-on: #CCE5D2;
  --mk-chrome-on-text: #093E3B;
  --mk-chrome-head: #90C390;
  --mk-ok-bg: #1E4A3A;
  --mk-ok: #CCE5D2;
  --mk-bad-bg: #4A1230;
  --mk-bad: #FF9CCB;
  --mk-bad-line: #6B1F45;
  --mk-warn-bg: #3F300A;
  --mk-warn: #F5CF7A;
  --mk-warn-line: #6B5216;
  --mk-info-bg: #0E2E3D;
  --mk-info: #9FD3EE;
  --mk-info-line: #1F5670;
  --mk-mid-bg: #22302E;
  --mk-mid: #C9D6D1;
  --mk-accent: #FF4FA3;
  --mk-on-accent: #2A0716;
  --mk-alert-bg: #2A1220;
  --mk-meter: #74BD8A;
  --mk-avatar: #90C390;
  --mk-avatar-text: #093E3B;
  --mk-scrim: rgba(0, 0, 0, 0.6);
  --mk-link: #9FD6AE;
  --mk-link-hover: #FF8CC4;
  --mk-focus: var(--mk-brand);
  --mk-hover-line: #3F7A6E;
  --mk-row-hover: #182826;
  --mk-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  --mk-shadow-2: 0 10px 30px rgba(0, 0, 0, 0.6);
  color-scheme: dark;
}