:root {
  color-scheme: light;
  --oml-text: #2a3140;
  --oml-muted: #5c6778;
  --oml-border: rgba(42, 49, 64, 0.12);
  --oml-panel: #ffffff;
  --oml-surface: #ffffff;
  --oml-edge: #d5dbe3;
  --oml-accent-text: #106347;
  --oml-on-accent: #ffffff;
  --oml-footer: #eef1f5;
  --oml-shadow-sm: rgba(16, 24, 40, 0.05);
  --oml-shadow-md: rgba(16, 24, 40, 0.1);
  --oml-shadow-lg: rgba(16, 24, 40, 0.14);
  --site-bg: #f4f6f9;
  --site-topbar-bg: rgba(255, 255, 255, 0.94);
  --site-border: #dde3eb;
  --site-muted: #6b7785;
  --site-accent-soft: rgba(16, 99, 71, 0.1);
  --oml-brand-green: #106347;
  --oml-brand-green-soft: #e6f7f0;
  --oml-brand-green-border: rgba(16, 99, 71, 0.22);
  --oml-brand-purple-text: #6b57b8;
  --oml-brand-purple-soft: #f0ecfc;
  --oml-brand-purple-border: rgba(107, 87, 184, 0.24);
  --oml-brand-lavender: #e4dcfc;
  --oml-brand-lavender-text: #7565b8;
  --oml-brand-lavender-soft: #f5f0fe;
  --oml-brand-lavender-border: rgba(117, 101, 184, 0.24);
  --oml-brand-cyan-text: #3a8fa8;
  --oml-brand-cyan-soft: #e8fafd;
  --oml-brand-cyan-border: rgba(58, 143, 168, 0.24);
  --oml-brand-rose-text: #c26b6b;
  --oml-brand-rose-soft: #fef0f0;
  --oml-brand-rose-border: rgba(194, 107, 107, 0.24);
  --oml-brand-cream-text: #b8943a;
  --oml-brand-cream-soft: #fffbf0;
  --oml-brand-cream-border: rgba(184, 148, 58, 0.24);
  --oml-brand-mint-text: #3a9a72;
  --oml-brand-mint-soft: #e8fff3;
  --oml-brand-mint-border: rgba(58, 154, 114, 0.24);
  --oml-page-max: 42rem;
  --oml-page-wide: 52rem;
}

[data-theme="dark"] {
  color-scheme: dark;
  --oml-text: #e8ecf2;
  --oml-muted: #9aa7b5;
  --oml-border: rgba(255, 255, 255, 0.11);
  --oml-panel: #1a202b;
  --oml-surface: #161b24;
  --oml-edge: rgba(255, 255, 255, 0.16);
  --oml-accent-text: #5ce0a8;
  --oml-on-accent: #0a3d2c;
  --oml-footer: #0e1118;
  --oml-shadow-sm: rgba(0, 0, 0, 0.22);
  --oml-shadow-md: rgba(0, 0, 0, 0.36);
  --oml-shadow-lg: rgba(0, 0, 0, 0.48);
  --site-bg: #0b0d12;
  --site-topbar-bg: rgba(18, 22, 30, 0.94);
  --site-border: rgba(255, 255, 255, 0.1);
  --site-muted: #8f9bab;
  --site-accent-soft: rgba(92, 224, 168, 0.12);
  --oml-brand-green: #5ce0a8;
  --oml-brand-green-soft: rgba(92, 224, 168, 0.14);
  --oml-brand-green-border: rgba(92, 224, 168, 0.32);
  --oml-brand-purple-text: #c9baf5;
  --oml-brand-purple-soft: rgba(151, 130, 219, 0.16);
  --oml-brand-purple-border: rgba(201, 186, 245, 0.28);
  --oml-brand-lavender-text: #ddd4fc;
  --oml-brand-lavender-soft: rgba(228, 220, 252, 0.12);
  --oml-brand-lavender-border: rgba(221, 212, 252, 0.26);
  --oml-brand-cyan-text: #b8ecf8;
  --oml-brand-cyan-soft: rgba(184, 236, 248, 0.12);
  --oml-brand-cyan-border: rgba(184, 236, 248, 0.26);
  --oml-brand-rose-text: #f8d4d4;
  --oml-brand-rose-soft: rgba(248, 212, 212, 0.12);
  --oml-brand-rose-border: rgba(248, 212, 212, 0.26);
  --oml-brand-cream-text: #f5e6b8;
  --oml-brand-cream-soft: rgba(245, 230, 184, 0.1);
  --oml-brand-cream-border: rgba(245, 230, 184, 0.24);
  --oml-brand-mint-text: #b8f0d4;
  --oml-brand-mint-soft: rgba(184, 240, 212, 0.12);
  --oml-brand-mint-border: rgba(184, 240, 212, 0.26);
}