@font-face {
  font-family: Pretendard;
  src: url("/assets/pretendard-variable.woff2") format("woff2");
  font-weight: 45 920;
  font-display: swap;
}

:root {
  color-scheme: light;
  --font-ui: Pretendard, "Malgun Gothic", system-ui, sans-serif;
  --navy: #242d3b;
  --navy-active: #344253;
  --sidebar-text: #c9ced7;
  --sidebar-muted: #aab2bf;
  --surface: #fffdfa;
  --background: #f5f2ef;
  --ink: #25211f;
  --muted: #685f59;
  --line: #e9e2dc;
  --peach: #f36e5a;
  --accent: #aa372b;
  --accent-hover: #86291f;
  --accent-soft: #fff0ec;
  --sage: #287a57;
  --sage-soft: #e7f5ee;
  --amber: #804719;
  --amber-soft: #fff0d7;
  --info: #334a63;
  --info-soft: #ebf0f5;
  --panel-shadow: 0 18px 50px rgb(48 36 28 / 8%);
  --panel-radius: 22px;
  --control-radius: 12px;
}