/* 디자인 토큰 — 색/반경/그림자. 테마는 <html data-theme="dark|light"> 로 전환 */
:root {
  --font: "Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --r-s: 10px; --r-m: 14px; --r-l: 22px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: .22s;
  --mode-color: #5b8cff;
  --danger: #ff5d6c; --warn: #ffb84d; --success: #3ecf8e;
}
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0d12; --bg-2: #0f1218;
  --surface: #151924; --surface-2: #1b2130; --surface-3: #242b3c;
  --text: #eef1f7; --text-2: #aab3c5; --muted: #6f7a90;
  --border: rgba(255, 255, 255, .07); --border-2: rgba(255, 255, 255, .15);
  --glass: rgba(14, 17, 25, .62); --glass-border: rgba(255, 255, 255, .1);
  --overlay: rgba(5, 7, 12, .72);
  --input-bg: rgba(255, 255, 255, .05);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .25), 0 10px 30px -10px rgba(0, 0, 0, .45);
  --shadow-2: 0 2px 6px rgba(0, 0, 0, .3), 0 24px 60px -20px rgba(0, 0, 0, .6);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fa; --bg-2: #eceff5;
  --surface: #ffffff; --surface-2: #f3f5f9; --surface-3: #e7ebf3;
  --text: #141822; --text-2: #4b5567; --muted: #8a93a6;
  --border: rgba(15, 20, 35, .08); --border-2: rgba(15, 20, 35, .18);
  --glass: rgba(255, 255, 255, .74); --glass-border: rgba(15, 20, 35, .1);
  --overlay: rgba(10, 14, 24, .55);
  --input-bg: rgba(15, 20, 35, .04);
  --shadow-1: 0 1px 2px rgba(15, 20, 35, .06), 0 10px 30px -12px rgba(15, 20, 35, .18);
  --shadow-2: 0 2px 6px rgba(15, 20, 35, .08), 0 24px 60px -24px rgba(15, 20, 35, .3);
}