:root {
  --ink: #10182f;
  --muted: #65708b;
  --line: #e6e9f0;
  --paper: #ffffff;
  --canvas: #f4f6fa;
  --navy: #111a35;
  --blue: #5576f3;
  --blue-soft: #e9eeff;
  --orange: #ee8a3a;
  --orange-soft: #fff0e4;
  --mint: #2aa889;
  --mint-soft: #dff6ef;
  --purple: #8b6ed8;
  --purple-soft: #eee8ff;
  --shadow: 0 18px 50px rgba(26, 35, 62, .08);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { font-size: 16px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--canvas);
  font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
button, input, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(85,118,243,.26); outline-offset: 2px; }