:root {
  color-scheme: light;
  --content-max: 1180px;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-pill: 999px;
  --bg: #edf1f8;
  --text: #202a3e;
  --text-2: #56647b;
  --text-3: #647189;
  --brand: var(--brand-light, #0071e3);
  --brand-soft: rgb(0 113 227 / 9%);
  --line: rgb(75 92 122 / 13%);
  --glass-edge: rgb(255 255 255 / 85%);
  --glass: rgb(255 255 255 / 48%);
  --glass-chrome: rgb(255 255 255 / 62%);
  --glass-card: rgb(235 242 254 / 55%);
  --glass-reading: rgb(255 255 255 / 76%);
  --bg-soft: rgb(95 115 150 / 6%);
  --bg-strong: #f5f7fc;
  --shadow-soft: 0 8px 32px -14px rgb(64 78 120 / 14%), 0 1px 2px rgb(52 65 99 / 3%);
  --shadow-float: 0 18px 60px -20px rgb(65 80 126 / 22%), 0 2px 6px rgb(50 68 110 / 4%);
  --inner-light: inset 0 1px 0 rgb(255 255 255 / 94%), inset 0 -1px 0 rgb(255 255 255 / 28%);
  --control-bg: rgb(255 255 255 / 74%);
  --ease: cubic-bezier(.2, .7, .2, 1);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111722;
  --text: #e9edf6;
  --text-2: #b7c1d4;
  --text-3: #a3afc4;
  --brand: var(--brand-dark, #6baaff);
  --brand-soft: rgb(70 139 237 / 16%);
  --line: rgb(184 199 229 / 14%);
  --glass-edge: rgb(215 226 255 / 16%);
  --glass: rgb(32 42 63 / 64%);
  --glass-chrome: rgb(31 41 61 / 76%);
  --glass-card: rgb(31 42 67 / 72%);
  --glass-reading: rgb(24 32 49 / 88%);
  --bg-soft: rgb(170 191 232 / 7%);
  --bg-strong: #1a2336;
  --shadow-soft: 0 8px 32px -14px rgb(0 0 0 / 32%);
  --shadow-float: 0 20px 65px -18px rgb(0 0 0 / 45%);
  --inner-light: inset 0 1px 0 rgb(227 238 255 / 13%), inset 0 -1px 0 rgb(227 238 255 / 3%);
  --control-bg: rgb(178 199 243 / 9%);
}
html[data-glass="frosted"] { --glass: rgb(255 255 255 / 78%); --glass-card: rgb(240 245 254 / 84%); }
html[data-theme="dark"][data-glass="frosted"] { --glass: rgb(32 42 63 / 90%); --glass-card: rgb(31 42 67 / 94%); }