/* GENERATED by scripts/build_tokens.py from design-system/tokens.json — DO NOT EDIT.
   값을 바꾸려면 tokens.json 을 고치고 다시 생성한다. */

:root {
  color-scheme: light;
  --ff-body: "Gothic A1", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --ff-display: "Black Han Sans", "Gothic A1", sans-serif;
  --ff-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: 13px;
  --fs-sm: 14px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 32px;
  --lh-tight: 1.3;
  --lh-body: 1.6;
  --lh-loose: 1.75;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;
  --w-sidebar: 240px;
  --w-topbar: 56px;
  --w-content: 1120px;
  --w-gutter: 24px;
  --w-field: 420px;
  --z-dropdown: 100;
  --z-toast: 200;
  --z-dialog: 300;
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --c-bg: #f5f6fa;
  --c-bg-elev: #ffffff;
  --c-bg-sunken: #eceef5;
  --c-fg: #1d1f3d;
  --c-fg-soft: #4a4d6e;
  --c-fg-muted: #6f7294;
  --c-fg-inverse: #ffffff;
  --c-primary: #6a4fe0;
  --c-primary-hover: #5a40cc;
  --c-primary-soft: #ebe7ff;
  --c-primary-fg: #ffffff;
  --c-accent: #f3a24b;
  --c-accent-soft: #fff1de;
  --c-line: #dcdfeb;
  --c-line-strong: #b9bdd3;
  --c-focus: #6a4fe0;
  --c-success: #1d6b3c;
  --c-success-soft: #e3f5ea;
  --c-warning: #8a4b08;
  --c-warning-soft: #fff1de;
  --c-danger: #b3261e;
  --c-danger-soft: #fdecea;
  --c-info: #4a32b8;
  --c-info-soft: #ebe7ff;
  --c-overlay: rgba(29, 31, 61, 0.45);
  --c-ch-naver: #1a8f4a;
  --c-ch-instagram: #c0306a;
  --c-ch-tiktok: #1d1f3d;
  --c-ch-threads: #3a3d5c;
  --c-ch-facebook: #1766c7;
  --c-ch-reddit: #d9480f;
  --sh-sm: 0 1px 2px rgba(29, 31, 61, 0.08);
  --sh-md: 0 6px 20px rgba(29, 31, 61, 0.10);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --c-bg: #15132b;
    --c-bg-elev: #20184a;
    --c-bg-sunken: #0f0e20;
    --c-fg: #eeeefa;
    --c-fg-soft: #cfcde8;
    --c-fg-muted: #9d99c4;
    --c-fg-inverse: #15132b;
    --c-primary: #a393ff;
    --c-primary-hover: #b8aaff;
    --c-primary-soft: #2f2766;
    --c-primary-fg: #15132b;
    --c-accent: #f3a24b;
    --c-accent-soft: #4a3418;
    --c-line: #34306a;
    --c-line-strong: #4a4680;
    --c-focus: #b8aaff;
    --c-success: #7fd9a0;
    --c-success-soft: #163c27;
    --c-warning: #f3c27b;
    --c-warning-soft: #4a3418;
    --c-danger: #ff8a80;
    --c-danger-soft: #4a1c18;
    --c-info: #b3a7ff;
    --c-info-soft: #2f2766;
    --c-overlay: rgba(5, 4, 18, 0.65);
    --c-ch-naver: #5fd48c;
    --c-ch-instagram: #ff7fb0;
    --c-ch-tiktok: #eeeefa;
    --c-ch-threads: #cfcde8;
    --c-ch-facebook: #7fb3ff;
    --c-ch-reddit: #ff9a66;
    --sh-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --sh-md: 0 6px 20px rgba(0, 0, 0, 0.55);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #15132b;
  --c-bg-elev: #20184a;
  --c-bg-sunken: #0f0e20;
  --c-fg: #eeeefa;
  --c-fg-soft: #cfcde8;
  --c-fg-muted: #9d99c4;
  --c-fg-inverse: #15132b;
  --c-primary: #a393ff;
  --c-primary-hover: #b8aaff;
  --c-primary-soft: #2f2766;
  --c-primary-fg: #15132b;
  --c-accent: #f3a24b;
  --c-accent-soft: #4a3418;
  --c-line: #34306a;
  --c-line-strong: #4a4680;
  --c-focus: #b8aaff;
  --c-success: #7fd9a0;
  --c-success-soft: #163c27;
  --c-warning: #f3c27b;
  --c-warning-soft: #4a3418;
  --c-danger: #ff8a80;
  --c-danger-soft: #4a1c18;
  --c-info: #b3a7ff;
  --c-info-soft: #2f2766;
  --c-overlay: rgba(5, 4, 18, 0.65);
  --c-ch-naver: #5fd48c;
  --c-ch-instagram: #ff7fb0;
  --c-ch-tiktok: #eeeefa;
  --c-ch-threads: #cfcde8;
  --c-ch-facebook: #7fb3ff;
  --c-ch-reddit: #ff9a66;
  --sh-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --sh-md: 0 6px 20px rgba(0, 0, 0, 0.55);
}