:root {
  color-scheme: dark;
  --bg: #142036; --surface: #0f192b; --border: #34465e;
  --control: #71829a; --text: #f2f6fc; --muted: #b5c2d6;
  --accent: #00e5cc; --positive: #00e87a; --negative: #ff5070;
  --violet: #7c5cff; --pink: #ff5fa2;
  --material: linear-gradient(135deg, #24344c 0%, #162238 42%, #0c1527 100%);
  --glass: linear-gradient(135deg, #ffffff0c, #ffffff02);
  --edge: linear-gradient(125deg, #78ddcd80, #9380c666 52%, #dd91b359);
  --spectrum: linear-gradient(110deg, #8cf4e3 0%, #c2afff 53%, #ffc0db 100%);
  --edge-light: inset 1px 1px 0 #ffffff18, inset 0 2px 14px #ffffff04;
  --shadow: var(--edge-light), 0 2px 4px #02071140, 0 18px 36px -18px #020711cc, 0 20px 48px -36px #7c5cff45;
  --shadow-raised: var(--edge-light), 0 4px 8px #02071155, 0 28px 48px -18px #020711cc, -12px 16px 44px -26px #00e5cc55, 16px 24px 48px -30px #ff5fa24d;
  --font: 'Manrope', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem;
  --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4rem; --s9: 6rem;
  --r-control: 10px; --r-card: 20px; --r-modal: 24px;
  --ease: cubic-bezier(.2,.8,.2,1);
}
:lang(zh-CN) { --font: 'Manrope', 'Noto Sans SC', 'Noto Sans CJK SC', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif; }
:lang(ja) { --font: 'Manrope', 'Noto Sans JP', 'Yu Gothic', system-ui, sans-serif; }
:lang(ko) { --font: 'Manrope', 'Noto Sans KR', 'Malgun Gothic', system-ui, sans-serif; }
:lang(th) { --font: 'Manrope', 'Noto Sans Thai', 'Leelawadee UI', Tahoma, system-ui, sans-serif; }