/* MyKualo 2026 theme: the light values of every colour the theme uses (task 14272).
   The only file besides mk-dark.css that may hold a typed colour: everything else reads var(--mk-*).
   mk-dark.css sets the same names for Dark; header.tpl writes its media from the saved theme. */
:root {
  --mk-page: #FAFAFA;
  --mk-surface: #FFFFFF;
  --mk-surface-2: #F4F4F5;
  --mk-line: #E4E4E7;
  --mk-line-soft: #F4F4F5;
  --mk-line-strong: #A1A1AA;
  --mk-text: #093E3B;
  --mk-text-2: #52525B;
  --mk-text-3: #71717A;
  --mk-body: #27272A;
  --mk-brand: #093E3B;
  --mk-brand-hover: #052F2C;
  --mk-on-brand: #FFFFFF;
  --mk-chrome: #093E3B;
  --mk-chrome-2: #17615B;
  --mk-chrome-text: #E6F2E9;
  --mk-chrome-text-2: #CCE5D2;
  --mk-chrome-on: #CCE5D2;
  --mk-chrome-on-text: #093E3B;
  --mk-chrome-head: #90C390;
  --mk-ok-bg: #CCE5D2;
  --mk-ok: #093E3B;
  --mk-bad-bg: #FDE7F0;
  --mk-bad: #A3005A;
  --mk-bad-line: #F5B8D3;
  --mk-warn-bg: #FEF3DC;
  --mk-warn: #7A4F00;
  --mk-warn-line: #F3D49B;
  --mk-info-bg: #E5F2F9;
  --mk-info: #005A80;
  --mk-info-line: #A9D3E8;
  --mk-mid-bg: #F4F4F5;
  --mk-mid: #3F3F46;
  --mk-accent: #CF016D;
  --mk-on-accent: #FFFFFF;
  --mk-alert-bg: #FFF7FA;
  --mk-meter: #74BD8A;
  --mk-avatar: #90C390;
  --mk-avatar-text: #093E3B;
  --mk-scrim: rgba(5, 47, 44, 0.55);
  --mk-link: #093E3B;
  --mk-link-hover: #CF016D;
  --mk-focus: var(--mk-brand);
  --mk-hover-line: #90C390;
  --mk-row-hover: #F7FBF8;
  --mk-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  --mk-shadow-2: 0 10px 30px rgba(0, 0, 0, 0.18);
  /* Account notice strips: part of the frame, so the same in Light and Dark (mk-dark.css leaves them alone). */
  --mk-n-crit: #CF016D;
  --mk-n-crit-text: #FFFFFF;
  --mk-n-warn: #FCE7B2;
  --mk-n-warn-text: #3D2A00;
  --mk-n-warn-icon: #3D2A00;
  --mk-n-info: #CCE5D2;
  --mk-n-info-text: #093E3B;
  --mk-n-done: #90C390;
  --mk-n-done-text: #093E3B;
  --mk-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color-scheme: light;
}