/* Auto-generated by wf_vercel_site P2 from DESIGN.md (DTCG tokens). Do not edit. */
:root{
  --bg: #ffffff;
  --bg-alt: #eef2f6;
  --border: #d4dde4;
  --text: #20303a;
  --text-soft: #566875;
  --accent: #2f5d7c;
  --accent-text: #ffffff;
  --accent-soft: #e7eef4;
  --code-bg: #eef2f6;
  --pre-bg: #282c34;
  --pre-text: #abb2bf;
  --code-command-bg: #15293c;
  --code-command-border: #3c6e93;
  --code-command-text: #d6e4f1;
  --code-output-bg: #0f1417;
  --code-output-border: #4a5a66;
  --code-output-text: #e4e9ec;
  --code-prompt-bg: #ecdfc6;
  --code-prompt-border: #b67e3e;
  --code-prompt-text: #46331a;
  --font-body: "IBM Plex Sans KR","Apple SD Gothic Neo","Pretendard","Malgun Gothic",sans-serif;
  --font-heading: "Noto Serif KR","Apple SD Gothic Neo","Pretendard","Malgun Gothic",sans-serif;
  --font-mono: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-body: clamp(16px, 16px + 0.18vw, 18px);
  --fs-h1: clamp(24px, 24px + 0.42vw, 29px);
  --fs-code: clamp(13px, 13px + 0.13vw, 14.5px);
}
:root[data-theme="dark"]{
  --bg: #14191e;
  --bg-alt: #1b2127;
  --border: #2c353d;
  --text: #dfe6ec;
  --text-soft: #9aa7b2;
  --accent: #7fb0d4;
  --accent-text: #0e1a24;
  --accent-soft: #1f2e3a;
  --code-bg: #1b2127;
  --pre-bg: #1b2127;
  --pre-text: #cdd6e0;
  --code-command-bg: #18283a;
  --code-command-border: #3c6e93;
  --code-command-text: #d6e4f1;
  --code-output-bg: #1b2127;
  --code-output-border: #4a5a66;
  --code-output-text: #e4e9ec;
  --code-prompt-bg: #322617;
  --code-prompt-border: #9c6a33;
  --code-prompt-text: #f0dcc0;
}