:root {
  color-scheme: dark;
  --bg: #11131a;
  --bg-soft: #171b25;
  --surface: #1d2230;
  --surface-2: #252c3c;
  --line: rgba(255, 255, 255, .1);
  --text: #f7f4ed;
  --muted: #b8bdc8;
  --weak: #8b93a3;
  --primary: #ffb74a;
  --primary-2: #ff7043;
  --primary-contrast: #241407;
  --accent: #38d6c5;
  --accent-2: #75a7ff;
  --danger: #ff6b6b;
  --shadow: 0 18px 42px rgba(0, 0, 0, .34);
  --shadow-soft: 0 10px 26px rgba(0, 0, 0, .22);
  --radius: 8px;
  --radius-sm: 6px;
  --container: 1200px;
  --header-h: 64px;
  --duration: 180ms;
  --ease: cubic-bezier(.2, .8, .2, 1);
}

html[data-theme="cinema"] {
  --bg: #11131a;
  --bg-soft: #171b25;
  --surface: #1d2230;
  --surface-2: #252c3c;
  --primary: #ffb74a;
  --primary-2: #ff7043;
  --accent: #38d6c5;
  --accent-2: #75a7ff;
}

html[data-theme="stream"] {
  --bg: #12151c;
  --bg-soft: #191f29;
  --surface: #202734;
  --surface-2: #2b3444;
  --primary: #ff4f7b;
  --primary-2: #ff9f43;
  --accent: #49e6a7;
  --accent-2: #6aa9ff;
}

html[data-theme="glass"] {
  color-scheme: dark;
  --bg: #121722;
  --bg-soft: #1b2431;
  --surface: rgba(255, 255, 255, .11);
  --surface-2: rgba(255, 255, 255, .16);
  --line: rgba(255, 255, 255, .2);
  --primary: #8fd3ff;
  --primary-2: #f6b6ff;
  --primary-contrast: #0e1824;
  --accent: #7cf3d5;
  --accent-2: #ffda7b;
  --shadow: 0 20px 48px rgba(0, 0, 0, .3);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f8fb;
  --bg-soft: #eef2f7;
  --surface: #ffffff;
  --surface-2: #eef3f8;
  --line: rgba(21, 31, 48, .12);
  --text: #151f30;
  --muted: #536070;
  --weak: #7a8492;
  --primary: #e85d3f;
  --primary-2: #f4a340;
  --primary-contrast: #ffffff;
  --accent: #0e9f8f;
  --accent-2: #3867d6;
  --shadow: 0 16px 34px rgba(21, 31, 48, .12);
  --shadow-soft: 0 10px 24px rgba(21, 31, 48, .1);
}

html[data-theme="neon"] {
  --bg: #090b15;
  --bg-soft: #121327;
  --surface: #1b1d35;
  --surface-2: #24264a;
  --line: rgba(124, 243, 213, .18);
  --primary: #f45dff;
  --primary-2: #29d8ff;
  --primary-contrast: #080914;
  --accent: #9dff57;
  --accent-2: #ffdc5d;
  --shadow: 0 20px 44px rgba(41, 216, 255, .14);
}

html[data-theme="soft"] {
  color-scheme: light;
  --bg: #f3f5f2;
  --bg-soft: #e8eee8;
  --surface: #fbfcfa;
  --surface-2: #eef4ef;
  --line: rgba(47, 68, 56, .12);
  --text: #1e2a24;
  --muted: #5a6a61;
  --weak: #7d8a82;
  --primary: #d86b47;
  --primary-2: #e2a444;
  --primary-contrast: #ffffff;
  --accent: #3a8c78;
  --accent-2: #4f79bf;
  --shadow: 8px 8px 18px rgba(48, 66, 56, .12), -8px -8px 18px rgba(255, 255, 255, .75);
  --shadow-soft: 5px 5px 12px rgba(48, 66, 56, .1), -5px -5px 12px rgba(255, 255, 255, .72);
}