:root {
  --bg: #0b0f14;
  --bg-elevated: rgba(255,255,255,.02);
  --panel: #131922;
  --panel-2: #19212c;
  --text: #f5f7fa;
  --muted: #95a1b2;
  --line: rgba(255,255,255,.08);
  --accent: #6da8ff;
  --accent-2: #8fbcff;
  --accent-soft: rgba(109,168,255,.12);
  --danger: #ff7f88;
  --success: #75d998;
  --shadow: 0 30px 70px rgba(0,0,0,.35);
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --container: 1200px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --fast: 160ms;
  --normal: 260ms;
  --slow: 360ms;
}

body[data-theme="light"] {
  --bg: #eef3f8;
  --bg-elevated: rgba(255,255,255,.5);
  --panel: #ffffff;
  --panel-2: #f5f8fc;
  --text: #10151d;
  --muted: #637285;
  --line: rgba(16,21,29,.09);
  --accent: #367ff5;
  --accent-2: #75a8ff;
  --accent-soft: rgba(54,127,245,.12);
  --shadow: 0 16px 44px rgba(15,25,36,.12);
}