/* generated by tools/gen_tokens.py from templates/docs/tokens.json; do not edit */
:root {
  --bg-canvas: #ffffff;
  --bg-subtle: #f6f7f8;
  --bg-muted: #edeef0;
  --bg-inverse: #0e1116;
  --text-default: #0e1116;
  --text-muted: #676b71;
  --text-inverse: #ffffff;
  --text-link: #2b4eff;
  --text-on-solid: #ffffff;
  --border-default: #dee0e3;
  --border-strong: #82868e;
  --border-focus: #5c7bff;
  --icon-default: #676b71;
  --icon-muted: #82868e;
  --accent-solid: #2b4eff;
  --accent-fg: #2b4eff;
  --accent-subtle: #e7eeff;
  --status-ok-fg: #136d35;
  --status-ok-bg: #e1f4e5;
  --status-ok-solid: #197f3f;
  --status-warn-fg: #7d4f05;
  --status-warn-bg: #fbecdb;
  --status-warn-solid: #925d09;
  --status-bad-fg: #a02a1e;
  --status-bad-bg: #ffe9e5;
  --status-bad-solid: #ba3325;
  --bg-hover: #f2f3f4;
  --bg-selected: #edeef0;
  --text-disabled: #abaeb4;
  --status-info-fg: #2340db;
  --status-info-bg: #e7eeff;
  --status-info-solid: #2b4eff;
  --accent-on-inverse: #5c7bff;
  --neutral-50: #f6f7f8;
  --neutral-75: #f2f3f4;
  --neutral-100: #edeef0;
  --neutral-200: #dee0e3;
  --neutral-300: #c8cbcf;
  --neutral-400: #abaeb4;
  --neutral-500: #82868e;
  --neutral-600: #676b71;
  --neutral-700: #575b61;
  --neutral-800: #3d4045;
  --neutral-850: #313337;
  --neutral-900: #24262a;
  --neutral-925: #1c1e21;
  --neutral-950: #0e1116;
  --signal-50: #f3f7ff;
  --signal-75: #edf3ff;
  --signal-100: #e7eeff;
  --signal-200: #d2e0fe;
  --signal-300: #b4cafe;
  --signal-400: #8aabfd;
  --signal-500: #5c7bff;
  --signal-600: #2b4eff;
  --signal-700: #2340db;
  --signal-800: #1528a5;
  --signal-850: #0e1c8b;
  --signal-900: #081171;
  --signal-925: #060d5c;
  --signal-950: #03074a;
  --ok-50: #f0faf1;
  --ok-75: #e8f7eb;
  --ok-100: #e1f4e5;
  --ok-200: #c7eace;
  --ok-300: #a5dab0;
  --ok-400: #7ac18b;
  --ok-500: #3e9c5a;
  --ok-600: #197f3f;
  --ok-700: #136d35;
  --ok-800: #024e21;
  --ok-850: #023e1a;
  --ok-900: #013012;
  --ok-925: #01260d;
  --ok-950: #001d08;
  --warn-50: #fef5ec;
  --warn-75: #fcf1e4;
  --warn-100: #fbecdb;
  --warn-200: #f6dbbc;
  --warn-300: #eac395;
  --warn-400: #d6a365;
  --warn-500: #b5771c;
  --warn-600: #925d09;
  --warn-700: #7d4f05;
  --warn-800: #593703;
  --warn-850: #482c01;
  --warn-900: #382000;
  --warn-925: #2d1900;
  --warn-950: #221200;
  --bad-50: #fff4f2;
  --bad-75: #ffeeec;
  --bad-100: #ffe9e5;
  --bad-200: #fed4cd;
  --bad-300: #feb6a9;
  --bad-400: #f98a79;
  --bad-500: #db5342;
  --bad-600: #ba3325;
  --bad-700: #a02a1e;
  --bad-800: #76170e;
  --bad-850: #620d06;
  --bad-900: #4e0502;
  --bad-925: #3f0301;
  --bad-950: #310101;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --font: "Pretendard", "맑은 고딕", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --font-brand: "IBM Plex Sans KR", "Pretendard", sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --lh-tight: 1.25;
  --lh-snug: 1.4;
  --lh-body: 1.6;
  --lh-loose: 1.8;
  --radius-control: 12px;
  --radius-card: 16px;
  --radius-sheet: 24px;
  --touch: 48px;
  --tabbar: 64px;
  --fs-display: 2.5rem;
  --fs-title: 1.75rem;
  --fs-heading: 1.25rem;
  --fs-subhead: 1.0625rem;
  --fs-body: 1rem;
  --fs-label: 0.875rem;
  --fs-caption: 0.8125rem;
  --fs-micro: 0.75rem;
  --motion-effect-fast: 150ms cubic-bezier(0.31, 0.94, 0.34, 1);
  --motion-effect-default: 200ms cubic-bezier(0.34, 0.8, 0.34, 1);
  --motion-spatial-fast: 350ms cubic-bezier(0.27, 1.06, 0.18, 1);
  --motion-exit: 200ms cubic-bezier(0.3, 0, 1, 1);
  --motion-press: 150ms cubic-bezier(0.31, 0.94, 0.34, 1);
  --shadow-sheet: 0px -8px 24px 0px rgb(0 0 0 / 0.12);
  --shadow-card: 0px 1px 2px 0px rgb(0 0 0 / 0.04);
}
[data-theme="dark"] {
  --bg-canvas: #0e1116;
  --bg-subtle: #1c1e21;
  --bg-muted: #24262a;
  --bg-inverse: #f6f7f8;
  --text-default: #f6f7f8;
  --text-muted: #c8cbcf;
  --text-inverse: #0e1116;
  --text-link: #b4cafe;
  --text-on-solid: #0e1116;
  --border-default: #3d4045;
  --border-strong: #82868e;
  --border-focus: #8aabfd;
  --icon-default: #c8cbcf;
  --icon-muted: #82868e;
  --accent-solid: #5c7bff;
  --accent-fg: #b4cafe;
  --accent-subtle: #081171;
  --status-ok-fg: #a5dab0;
  --status-ok-bg: #013012;
  --status-ok-solid: #3e9c5a;
  --status-warn-fg: #eac395;
  --status-warn-bg: #382000;
  --status-warn-solid: #b5771c;
  --status-bad-fg: #feb6a9;
  --status-bad-bg: #4e0502;
  --status-bad-solid: #db5342;
  --bg-hover: #313337;
  --bg-selected: #24262a;
  --text-disabled: #676b71;
  --status-info-fg: #b4cafe;
  --status-info-bg: #081171;
  --status-info-solid: #5c7bff;
  --accent-on-inverse: #2b4eff;
}
@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-canvas: #0e1116;
    --bg-subtle: #1c1e21;
    --bg-muted: #24262a;
    --bg-inverse: #f6f7f8;
    --text-default: #f6f7f8;
    --text-muted: #c8cbcf;
    --text-inverse: #0e1116;
    --text-link: #b4cafe;
    --text-on-solid: #0e1116;
    --border-default: #3d4045;
    --border-strong: #82868e;
    --border-focus: #8aabfd;
    --icon-default: #c8cbcf;
    --icon-muted: #82868e;
    --accent-solid: #5c7bff;
    --accent-fg: #b4cafe;
    --accent-subtle: #081171;
    --status-ok-fg: #a5dab0;
    --status-ok-bg: #013012;
    --status-ok-solid: #3e9c5a;
    --status-warn-fg: #eac395;
    --status-warn-bg: #382000;
    --status-warn-solid: #b5771c;
    --status-bad-fg: #feb6a9;
    --status-bad-bg: #4e0502;
    --status-bad-solid: #db5342;
    --bg-hover: #313337;
    --bg-selected: #24262a;
    --text-disabled: #676b71;
    --status-info-fg: #b4cafe;
    --status-info-bg: #081171;
    --status-info-solid: #5c7bff;
    --accent-on-inverse: #2b4eff;
  }
}