html {
  color-scheme: light;
  --primary: #0f766e;
  --primary-dark: #115e59;
  --primary-light: #14b8a6;
  --primary-bg: rgba(15, 118, 110, 0.1);
  --primary-bg-hover: rgba(15, 118, 110, 0.16);
  --accent: #0d9488;
  --border-focus: #0f766e;
  --bg-root: #f0fdfa;
  --bg-body: #f0fdfa;
  --bg-white: #ffffff;
  --bg-surface: #f0fdfa;
  --bg-hover: #ccfbf1;
  --border-light: #ccfbf1;
  --border-default: #99f6e4;
  --logo: #134e4a;
  --canvas: #f0fdfa;
  --card: #ffffff;
  --line: #99f6e4;
  --nav: rgba(240, 253, 250, 0.92);
  --nav-line: #ccfbf1;
  --glow: rgba(13, 148, 136, 0.16);
  --ring: rgba(15, 118, 110, 0.14);
  --brand-line: #5eead4;
  --brand-line-strong: #2dd4bf;
  --ink: #115e59;
  --selected: #ccfbf1;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --primary: #2dd4bf;
  --primary-dark: #0f766e;
  --primary-light: #5eead4;
  --primary-bg: rgba(45, 212, 191, 0.16);
  --primary-bg-hover: rgba(45, 212, 191, 0.24);
  --accent: #2dd4bf;
  --border-focus: #2dd4bf;
  --text-primary: #e7f6f3;
  --text-secondary: #c5ddd6;
  --text-muted: #93b5ab;
  --text-light: #7b9c93;
  --bg-root: #071412;
  --bg-body: #071412;
  --bg-white: #10211e;
  --bg-surface: #0c1b18;
  --bg-hover: #17302b;
  --border-light: #1e3a34;
  --border-default: #2a5248;
  --logo: #f0fdfa;
  --canvas: #071412;
  --card: #10211e;
  --line: #1e3a34;
  --nav: rgba(7, 20, 18, 0.92);
  --nav-line: #1e3a34;
  --glow: rgba(45, 212, 191, 0.16);
  --ring: rgba(45, 212, 191, 0.18);
  --brand-line: #2dd4bf;
  --brand-line-strong: #5eead4;
  --ink: #99f6e4;
  --selected: #17302b;
}