/* 생성 파일 — scripts/site/assets.py 가 docs/design/claude-design-v1/ds/jaryo/tokens.json 에서 만든다. 손으로 고치지 않는다. */
:root {
  color-scheme: light;
  --seal: #dd5410;
  --accent: #c94a0c;
  --accent-hover: #b0400a;
  --ink: #121a2b;
  --ink-fixed: #121a2b;
  --record: #3157b8;
  --record-hover: #24418c;
  --rule: #7b8494;
  --grey-0: #ffffff;
  --grey-50: #f7f8fa;
  --grey-100: #eef0f3;
  --grey-200: #e0e3e8;
  --grey-300: #c9ced6;
  --grey-400: #a3aab6;
  --grey-500: #7b8494;
  --grey-600: #5f6b7a;
  --grey-700: #46505e;
  --grey-800: #2b3340;
  --grey-900: #1b2230;
  --grey-950: #121a2b;
  --grey-1000: #0e1422;
  --bg: #ffffff;
  --bg-subtle: #f7f8fa;
  --surface: #ffffff;
  --surface-2: #f7f8fa;
  --border: #e0e3e8;
  --border-strong: #c9ced6;
  --text: #121a2b;
  --text-2: #5f6b7a;
  --text-disabled: #a3aab6;
  --link: #3157b8;
  --focus: #3157b8;
  --btn-primary-bg: #121a2b;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #2b3340;
  --btn-accent-bg: #c94a0c;
  --btn-accent-text: #ffffff;
  --destructive: #b42626;
  --code-bg: #0e1422;
  --code-text: #e8ebf0;
  --code-muted: #a3aab6;
  --code-string: #8fb4ff;
  --code-comment: #798594;
  --code-prompt: #f2854a;
  --status-active-text: #166b42;
  --status-active-bg: #e6f4ec;
  --status-active-border: #b9e0c8;
  --status-warning-text: #8a5a00;
  --status-warning-bg: #fbf3df;
  --status-warning-border: #ebd59a;
  --status-error-text: #b42626;
  --status-error-bg: #fbe9e9;
  --status-error-border: #f0bdbd;
  --status-review-text: #5b4fcf;
  --status-review-bg: #eeedfb;
  --status-review-border: #cfcbf3;
  --status-inactive-text: #5f6b7a;
  --status-inactive-bg: #eef0f3;
  --status-inactive-border: #d5dae1;
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(18, 26, 43, 0.06);
  --shadow-md: 0 1px 2px rgba(18, 26, 43, 0.06), 0 8px 24px rgba(18, 26, 43, 0.08);
  --font-sans: "IBM Plex Sans", "IBM Plex Sans KR", "Noto Sans KR", system-ui, sans-serif;
  --font-kr: "IBM Plex Sans KR", "IBM Plex Sans", "Noto Sans KR", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-display: 48px; --lh-display: 56px; --fw-display: 600; --ls-display: -0.02em;
  --fs-h1: 32px; --lh-h1: 40px; --fw-h1: 600; --ls-h1: -0.015em;
  --fs-h2: 24px; --lh-h2: 32px; --fw-h2: 600; --ls-h2: -0.01em;
  --fs-h3: 18px; --lh-h3: 28px; --fw-h3: 600; --ls-h3: 0;
  --fs-body-l: 17px; --lh-body-l: 28px; --fw-body-l: 400;
  --fs-body: 15px; --lh-body: 24px; --fw-body: 400;
  --fs-caption: 13px; --lh-caption: 20px; --fw-caption: 400;
  --fs-overline: 11px; --lh-overline: 16px; --fw-overline: 500; --ls-overline: 0.04em;
  --fs-code: 13px; --lh-code: 20px; --fw-code: 400;
  --fs-data-value: 28px; --lh-data-value: 32px; --fw-data-value: 500;
  --fs-data-id: 13px; --lh-data-id: 20px; --fw-data-id: 500;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 96px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --container-max: 1200px;
  --grid-columns: 12;
  --grid-gutter: 24px;
  --page-margin: 56px;
  --page-margin-mobile: 24px;
  --measure: 68ch;
  --hairline: 1px;
  --icon-stroke: 1.5px;
  --focus-ring: 2px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --seal: #dd5410;
    --accent: #f2854a;
    --accent-hover: #f79a68;
    --ink: #e8ebf0;
    --ink-fixed: #121a2b;
    --record: #8fb4ff;
    --record-hover: #b8d0ff;
    --rule: #7b8494;
    --grey-0: #ffffff;
    --grey-50: #f7f8fa;
    --grey-100: #eef0f3;
    --grey-200: #e0e3e8;
    --grey-300: #c9ced6;
    --grey-400: #a3aab6;
    --grey-500: #7b8494;
    --grey-600: #5f6b7a;
    --grey-700: #46505e;
    --grey-800: #2b3340;
    --grey-900: #1b2230;
    --grey-950: #121a2b;
    --grey-1000: #0e1422;
    --bg: #0e1422;
    --bg-subtle: #151c2b;
    --surface: #151c2b;
    --surface-2: #1c2434;
    --border: #2a3344;
    --border-strong: #3a4456;
    --text: #e8ebf0;
    --text-2: #a3aab6;
    --text-disabled: #5f6b7a;
    --link: #8fb4ff;
    --focus: #8fb4ff;
    --btn-primary-bg: #e8ebf0;
    --btn-primary-text: #121a2b;
    --btn-primary-hover: #ffffff;
    --btn-accent-bg: #f2854a;
    --btn-accent-text: #121a2b;
    --destructive: #d13a3a;
    --code-bg: #0a0f1a;
    --code-text: #e8ebf0;
    --code-muted: #a3aab6;
    --code-string: #8fb4ff;
    --code-comment: #798594;
    --code-prompt: #f2854a;
    --status-active-text: #5cc58f;
    --status-active-bg: #12261c;
    --status-active-border: #1f4a33;
    --status-warning-text: #e2b04a;
    --status-warning-bg: #2a2110;
    --status-warning-border: #4d3b14;
    --status-error-text: #f28b82;
    --status-error-bg: #2b1516;
    --status-error-border: #552225;
    --status-review-text: #a79bff;
    --status-review-bg: #1c1a33;
    --status-review-border: #37325e;
    --status-inactive-text: #a3aab6;
    --status-inactive-bg: #1c2434;
    --status-inactive-border: #2a3344;
    --shadow-none: none;
    --shadow-sm: none;
    --shadow-md: none;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --seal: #dd5410;
  --accent: #f2854a;
  --accent-hover: #f79a68;
  --ink: #e8ebf0;
  --ink-fixed: #121a2b;
  --record: #8fb4ff;
  --record-hover: #b8d0ff;
  --rule: #7b8494;
  --grey-0: #ffffff;
  --grey-50: #f7f8fa;
  --grey-100: #eef0f3;
  --grey-200: #e0e3e8;
  --grey-300: #c9ced6;
  --grey-400: #a3aab6;
  --grey-500: #7b8494;
  --grey-600: #5f6b7a;
  --grey-700: #46505e;
  --grey-800: #2b3340;
  --grey-900: #1b2230;
  --grey-950: #121a2b;
  --grey-1000: #0e1422;
  --bg: #0e1422;
  --bg-subtle: #151c2b;
  --surface: #151c2b;
  --surface-2: #1c2434;
  --border: #2a3344;
  --border-strong: #3a4456;
  --text: #e8ebf0;
  --text-2: #a3aab6;
  --text-disabled: #5f6b7a;
  --link: #8fb4ff;
  --focus: #8fb4ff;
  --btn-primary-bg: #e8ebf0;
  --btn-primary-text: #121a2b;
  --btn-primary-hover: #ffffff;
  --btn-accent-bg: #f2854a;
  --btn-accent-text: #121a2b;
  --destructive: #d13a3a;
  --code-bg: #0a0f1a;
  --code-text: #e8ebf0;
  --code-muted: #a3aab6;
  --code-string: #8fb4ff;
  --code-comment: #798594;
  --code-prompt: #f2854a;
  --status-active-text: #5cc58f;
  --status-active-bg: #12261c;
  --status-active-border: #1f4a33;
  --status-warning-text: #e2b04a;
  --status-warning-bg: #2a2110;
  --status-warning-border: #4d3b14;
  --status-error-text: #f28b82;
  --status-error-bg: #2b1516;
  --status-error-border: #552225;
  --status-review-text: #a79bff;
  --status-review-bg: #1c1a33;
  --status-review-border: #37325e;
  --status-inactive-text: #a3aab6;
  --status-inactive-bg: #1c2434;
  --status-inactive-border: #2a3344;
  --shadow-none: none;
  --shadow-sm: none;
  --shadow-md: none;
}