:root, [data-theme="light"] {
  --paper: #f3efe6;
  --paper-raised: #fbf9f4;
  --paper-sunken: #e8e2d4;
  --line: #d6cdbb;
  --line-strong: #857a68;
  --ink: #1d1b17;
  --ink-muted: #5b5448;
  --grape: #4a1f5c;
  --grape-strong: #35123f;
  --grape-soft: #ebe0f0;
  --on-grape: #fbf9f4;
  --lime: #c9f06b;
  --on-lime: #1d1b17;
  --marker: #c9f06b;
  --vine: #2b6a3c;
  --vine-soft: #dcebdc;
  --cobalt: #1f48b8;
  --cobalt-soft: #dde5f8;
  --amber: #835000;
  --amber-soft: #f6e4c0;
  --brick: #a8350c;
  --brick-soft: #f8ddd0;
  --link: var(--grape);
  --shadow-stamp: 3px 3px 0 #1d1b17;
  --focus-ring: 0 0 0 2px #f3efe6, 0 0 0 4px #4a1f5c;
}
[data-theme="dark"] {
  --paper: #17150f;
  --paper-raised: #211e18;
  --paper-sunken: #0f0e0a;
  --line: #38332a;
  --line-strong: #7d7462;
  --ink: #efe9dc;
  --ink-muted: #b3aa98;
  --grape: #d6b4e8;
  --grape-strong: #e8d2f3;
  --grape-soft: #33203d;
  --on-grape: #17150f;
  --lime: #c9f06b;
  --on-lime: #17150f;
  --marker: #465a12;
  --vine: #93d3a2;
  --vine-soft: #183322;
  --cobalt: #9cb6ff;
  --cobalt-soft: #1c2a4d;
  --amber: #f0bf6a;
  --amber-soft: #3a2a10;
  --brick: #ff9d78;
  --brick-soft: #40190c;
  --link: var(--grape);
  --shadow-stamp: 3px 3px 0 #000000;
  --focus-ring: 0 0 0 2px #17150f, 0 0 0 4px #d6b4e8;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-0: 0;
  --radius-sm: 2px;
  --radius-full: 9999px;
  --font-display: "Gowun Batang", "Nanum Myeongjo", "AppleMyungjo", serif;
  --font-sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
.display { font-family: var(--font-display); font-size: 40px; line-height: 46px; font-weight: 700; letter-spacing: -0.01em; }
.title { font-family: var(--font-display); font-size: 22px; line-height: 30px; font-weight: 700; }
.heading { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.04em; }
.amount { font-family: var(--font-mono); font-size: 20px; line-height: 28px; font-weight: 600; }
.code { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.02em; }