/* ===== 디자인 토큰 (design.md) ===== */
:root, [data-theme="dark"] {
  --bg-base:#12141A; --bg-surface:#1A1D26; --bg-elevated:#232734; --bg-input:#161922;
  --border:#2E3342;
  --text-primary:#E8EAF0; --text-secondary:#9AA1B4; --text-disabled:#5C6275;
  --primary:#4F7CFF; --primary-hover:#6B91FF;
  --success:#2FBF8F; --warning:#E8A23D; --danger:#E25563; --neutral:#6E7691;
  --chart-1:#4F7CFF; --chart-2:#2FBF8F; --chart-3:#E8A23D;
  --chart-4:#B468F0; --chart-5:#E25563; --chart-6:#3FC3DA;
  --chart-grid:#2E3342; --chart-text:#9AA1B4;
}
[data-theme="light"] {
  --bg-base:#F5F6FA; --bg-surface:#FFFFFF; --bg-elevated:#FFFFFF; --bg-input:#FFFFFF;
  --border:#DDE1EA;
  --text-primary:#1C1F2A; --text-secondary:#5A6175; --text-disabled:#A6ACBE;
  --primary:#3B66E0; --primary-hover:#2E55C4;
  --success:#1E9E73; --warning:#C2841F; --danger:#C93D4C; --neutral:#828AA3;
  --chart-1:#3B66E0; --chart-2:#1E9E73; --chart-3:#C2841F;
  --chart-4:#8E4BD0; --chart-5:#C93D4C; --chart-6:#1F9DB5;
  --chart-grid:#E3E6EE; --chart-text:#5A6175;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", system-ui, sans-serif;
  font-size:14px; color:var(--text-primary); background:var(--bg-base);
  -webkit-font-smoothing:antialiased;
}
a { color:var(--primary); text-decoration:none; }
a:hover { color:var(--primary-hover); }