/* Astryx theme-chocolate 0.7.13 토큰 — github.com/meta/astryx (MIT, Copyright Meta Platforms)
   make_tokens.py 가 만든 파일. 직접 고치지 말고 사이트 CSS 에서 덮어쓴다.
   어두운 화면: <html data-scheme="dark"> 로 강제하거나, data-scheme="auto" 면 시스템 설정을 따른다. */
:root {
  color-scheme: light;
  --_scaled-font-size-4xs: min(calc(0.375rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-3xs));
  --font-size-4xs: var(--_scaled-font-size-4xs);
  --_scaled-font-size-3xs: min(calc(0.4375rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-2xs));
  --font-size-3xs: var(--_scaled-font-size-3xs);
  --_scaled-font-size-2xs: min(calc(0.5rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-xs));
  --font-size-2xs: var(--_scaled-font-size-2xs);
  --_scaled-font-size-xs: min(calc(0.625rem * var(--_dynamic-type-caption1, 1)), var(--_scaled-font-size-sm));
  --font-size-xs: var(--_scaled-font-size-xs);
  --_scaled-font-size-sm: min(calc(0.75rem * var(--_dynamic-type-footnote, 1)), var(--_scaled-font-size-base));
  --font-size-sm: var(--_scaled-font-size-sm);
  --_scaled-font-size-base: min(calc(0.875rem * var(--_dynamic-type-body, 1)), var(--_scaled-font-size-lg));
  --font-size-base: var(--_scaled-font-size-base);
  --_scaled-font-size-lg: min(calc(1.0625rem * var(--_dynamic-type-title3, 1)), var(--_scaled-font-size-xl));
  --font-size-lg: var(--_scaled-font-size-lg);
  --_scaled-font-size-xl: min(calc(1.25rem * var(--_dynamic-type-title2, 1)), var(--_scaled-font-size-2xl));
  --font-size-xl: var(--_scaled-font-size-xl);
  --_scaled-font-size-2xl: min(calc(1.5rem * var(--_dynamic-type-title1, 1)), var(--_scaled-font-size-3xl));
  --font-size-2xl: var(--_scaled-font-size-2xl);
  --_scaled-font-size-3xl: min(calc(1.8125rem * var(--_dynamic-type-title1, 1)), var(--_scaled-font-size-4xl));
  --font-size-3xl: var(--_scaled-font-size-3xl);
  --_scaled-font-size-4xl: min(calc(2.1875rem * var(--_dynamic-type-large-title, 1)), var(--_scaled-font-size-5xl));
  --font-size-4xl: var(--_scaled-font-size-4xl);
  --_scaled-font-size-5xl: calc(2.625rem * var(--_dynamic-type-large-title, 1));
  --font-size-5xl: var(--_scaled-font-size-5xl);
  --text-heading-1-size: var(--font-size-2xl);
  --text-heading-1-weight: var(--font-weight-semibold);
  --text-heading-1-leading: 1.3333;
  --text-heading-2-size: var(--font-size-xl);
  --text-heading-2-weight: var(--font-weight-semibold);
  --text-heading-2-leading: 1.4;
  --text-heading-3-size: var(--font-size-lg);
  --text-heading-3-weight: var(--font-weight-bold);
  --text-heading-3-leading: 1.4118;
  --text-heading-4-size: var(--font-size-base);
  --text-heading-4-weight: var(--font-weight-bold);
  --text-heading-4-leading: 1.4286;
  --text-heading-5-size: var(--font-size-sm);
  --text-heading-5-weight: var(--font-weight-semibold);
  --text-heading-5-leading: 1.6667;
  --text-heading-6-size: var(--font-size-xs);
  --text-heading-6-weight: var(--font-weight-semibold);
  --text-heading-6-leading: 1.6;
  --text-body-size: var(--font-size-base);
  --text-body-weight: var(--font-weight-normal);
  --text-body-leading: 1.4286;
  --text-large-size: var(--font-size-lg);
  --text-large-weight: var(--font-weight-semibold);
  --text-large-leading: 1.4118;
  --text-label-size: var(--font-size-base);
  --text-label-weight: var(--font-weight-medium);
  --text-label-leading: 1.4286;
  --text-code-size: var(--font-size-base);
  --text-code-weight: var(--font-weight-normal);
  --text-code-leading: 1.4286;
  --text-supporting-size: var(--font-size-sm);
  --text-supporting-weight: var(--font-weight-normal);
  --text-supporting-leading: 1.6667;
  --text-display-1-size: var(--font-size-5xl);
  --text-display-1-weight: var(--font-weight-normal);
  --text-display-1-leading: 1.2381;
  --text-display-2-size: var(--font-size-4xl);
  --text-display-2-weight: var(--font-weight-normal);
  --text-display-2-leading: 1.2571;
  --text-display-3-size: var(--font-size-3xl);
  --text-display-3-weight: var(--font-weight-normal);
  --text-display-3-leading: 1.3793;
  --duration-fast-min: 95ms;
  --duration-fast: 125ms;
  --duration-fast-max: 165ms;
  --duration-medium-min: 225ms;
  --duration-medium: 300ms;
  --duration-medium-max: 400ms;
  --duration-slow-min: 525ms;
  --duration-slow: 700ms;
  --duration-slow-max: 935ms;
  --_astryx-pre-tempo-duration-fast-min: 95ms;
  --_astryx-pre-tempo-duration-fast: 125ms;
  --_astryx-pre-tempo-duration-fast-max: 165ms;
  --_astryx-pre-tempo-duration-medium-min: 225ms;
  --_astryx-pre-tempo-duration-medium: 300ms;
  --_astryx-pre-tempo-duration-medium-max: 400ms;
  --_astryx-pre-tempo-duration-slow-min: 525ms;
  --_astryx-pre-tempo-duration-slow: 700ms;
  --_astryx-pre-tempo-duration-slow-max: 935ms;
  --_astryx-motion-tempo: 1;
  --font-family-body: "Albert Sans", "Pretendard","Apple SD Gothic Neo","Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-family-heading: Fraunces, "Pretendard","Apple SD Gothic Neo","Malgun Gothic", Georgia, "Times New Roman", Times, serif;
  --font-family-code: "JetBrains Mono", "SF Mono", Monaco, Consolas, monospace;
  --color-syntax-keyword: #8C5927;
  --color-syntax-string: #2e6b4a;
  --color-syntax-comment: #B88859;
  --color-syntax-number: #a06018;
  --color-syntax-function: #3a5e8c;
  --color-syntax-type: #6b4a8c;
  --color-syntax-variable: #4a3520;
  --color-syntax-operator: #B88859;
  --color-syntax-constant: #a06018;
  --color-syntax-tag: #8c3a3a;
  --color-syntax-attribute: #8C5927;
  --color-syntax-property: #3a7c6b;
  --color-syntax-punctuation: #9e622e;
  --color-syntax-background: #FFFCF7;
  --color-syntax-added: color-mix(in srgb, var(--color-success-muted) 25%, transparent);
  --color-syntax-removed: color-mix(in srgb, var(--color-error-muted) 25%, transparent);
  --color-syntax-diff-header: transparent;
  --color-syntax-added-marker: var(--color-syntax-punctuation);
  --color-syntax-removed-marker: var(--color-syntax-punctuation);
  --color-accent: #8C5927;
  --color-accent-muted: #8C592714;
  --color-neutral: #8C59270F;
  --color-background-surface: #FFFCF7;
  --color-background-body: #FFFCF7;
  --color-overlay: #4a352080;
  --color-overlay-hover: #4a35200D;
  --color-overlay-pressed: #4a35201A;
  --color-background-muted: #EDE4D4;
  --color-text-primary: #4a3520;
  --color-text-secondary: #B88859;
  --color-text-disabled: #C4AC95;
  --color-text-accent: #8C5927;
  --color-on-dark: #FFFCF7;
  --color-on-light: #4a3520;
  --color-on-accent: #FFFFFF;
  --color-on-success: #141010;
  --color-on-error: #141010;
  --color-on-warning: #4a3520;
  --color-info: #3a5e8c;
  --color-info-muted: var(--color-background-blue);
  --color-text-info: #2e4a6e;
  --color-text-success: #526f00;
  --color-text-warning: #7a5500;
  --color-text-error: #cc0000;
  --color-on-info-muted: #2e4a6e;
  --color-on-success-muted: #4d6800;
  --color-on-warning-muted: #7a5500;
  --color-on-error-muted: #b40000;
  --color-icon-accent: #8C5927;
  --color-icon-primary: #4a3520;
  --color-icon-secondary: #B88859;
  --color-icon-disabled: #C4AC95;
  --color-background-card: #EDE4D4;
  --color-background-popover: #FFFCF7;
  --color-background-inverted: #4a3520;
  --color-success: #709900;
  --color-success-muted: #70990020;
  --color-error: #FD0000;
  --color-error-muted: #FD000020;
  --color-warning: #FFB600;
  --color-warning-muted: #FFB60020;
  --color-border: #C4AC95;
  --color-border-emphasized: #B88859;
  --color-skeleton: #C4AC95;
  --color-shadow: #4a35201A;
  --color-tint-hover: black;
  --color-background-blue: #3a5e8c33;
  --color-border-blue: #3a5e8c;
  --color-icon-blue: #3a5e8c;
  --color-text-blue: #2e4a6e;
  --color-background-cyan: #3a7c7c33;
  --color-border-cyan: #3a7c7c;
  --color-icon-cyan: #3a7c7c;
  --color-text-cyan: #2e6060;
  --color-background-gray: #B8885933;
  --color-border-gray: #B88859;
  --color-icon-gray: #B88859;
  --color-text-gray: #4a3520;
  --color-background-green: #70990033;
  --color-border-green: #709900;
  --color-icon-green: #709900;
  --color-text-green: #5a7a00;
  --color-background-orange: #c4762033;
  --color-border-orange: #c47620;
  --color-icon-orange: #c47620;
  --color-text-orange: #a06018;
  --color-background-pink: #c44a7033;
  --color-border-pink: #c44a70;
  --color-icon-pink: #c44a70;
  --color-text-pink: #a03a5a;
  --color-background-purple: #6b4a8c33;
  --color-border-purple: #6b4a8c;
  --color-icon-purple: #6b4a8c;
  --color-text-purple: #553a70;
  --color-background-red: #FD000033;
  --color-border-red: #FD0000;
  --color-icon-red: #FD0000;
  --color-text-red: #cc0000;
  --color-background-teal: #2e6b5a33;
  --color-border-teal: #2e6b5a;
  --color-icon-teal: #2e6b5a;
  --color-text-teal: #245546;
  --color-background-yellow: #FFB60033;
  --color-border-yellow: #FFB600;
  --color-icon-yellow: #FFB600;
  --color-text-yellow: #cc9200;
  --radius-none: 0px;
  --radius-inner: 0.375rem;
  --radius-element: 0.625rem;
  --radius-container: 0.75rem;
  --radius-page: 1.5rem;
  --radius-full: 9999px;
  --shadow-low: 0 2px 4px #4a35200D, 0 4px 8px #4a35201A;
  --shadow-med: 0 2px 4px #4a35200D, 0 4px 12px #4a35201A;
  --shadow-high: 0 4px 6px #4a35201A, 0 12px 24px #4a352026;
  --shadow-inset-hover: inset 0px 0px 0px 2px #8C592730;
  --shadow-inset-selected: inset 0px 0px 0px 2px #8C592750;
  --shadow-inset-success: inset 0px 0px 0px 2px #70990050;
  --shadow-inset-warning: inset 0px 0px 0px 2px #FFB60050;
  --shadow-inset-error: inset 0px 0px 0px 2px #FD000050;
  --color-on-info: #FFFCF7;
  --color-icon-info: var(--color-text-info);
  --color-icon-success: var(--color-text-success);
  --color-icon-warning: var(--color-text-warning);
  --color-icon-error: var(--color-text-error);
  --color-border-info: var(--color-text-info);
  --color-border-success: var(--color-text-success);
  --color-border-warning: var(--color-text-warning);
  --color-border-error: var(--color-text-error);
  --duration-exit: var(--duration-fast);
}
:root[data-scheme="dark"] {
  color-scheme: dark;
  --color-syntax-keyword: #d4a06a;
  --color-syntax-string: #7bc49e;
  --color-syntax-number: #d4b870;
  --color-syntax-function: #7ba8d4;
  --color-syntax-type: #b08ed4;
  --color-syntax-variable: #EDE4D4;
  --color-syntax-operator: #c4a882;
  --color-syntax-constant: #d4b870;
  --color-syntax-tag: #d47a7a;
  --color-syntax-attribute: #d4a06a;
  --color-syntax-property: #70c4b0;
  --color-syntax-punctuation: #cb884d;
  --color-syntax-background: #1c1610;
  --color-accent: #d4a06a;
  --color-accent-muted: #d4a06a20;
  --color-neutral: #EDE4D41A;
  --color-background-surface: #1c1610;
  --color-background-body: #141010;
  --color-overlay: #140e0aCC;
  --color-overlay-hover: #EDE4D40D;
  --color-overlay-pressed: #EDE4D41A;
  --color-background-muted: #2a2018;
  --color-text-primary: #EDE4D4;
  --color-text-secondary: #c4a882;
  --color-text-disabled: #6b5540;
  --color-text-accent: #d4a06a;
  --color-on-accent: #4a3520;
  --color-info: #7ba8d4;
  --color-text-info: #8dbce0;
  --color-text-success: #a8d43a;
  --color-text-warning: #ffd960;
  --color-text-error: #ff7a7a;
  --color-on-info-muted: #8dbce0;
  --color-on-success-muted: #a8d43a;
  --color-on-warning-muted: #ffd960;
  --color-on-error-muted: #ff7a7a;
  --color-icon-accent: #d4a06a;
  --color-icon-primary: #EDE4D4;
  --color-icon-secondary: #c4a882;
  --color-icon-disabled: #6b5540;
  --color-background-card: #2a2018;
  --color-background-popover: #2a2018;
  --color-background-inverted: #EDE4D4;
  --color-success: #96bf2a;
  --color-success-muted: #96bf2a20;
  --color-error: #ff5c5c;
  --color-error-muted: #ff5c5c20;
  --color-warning: #ffc940;
  --color-warning-muted: #ffc94020;
  --color-border: #EDE4D41A;
  --color-border-emphasized: #6b5540;
  --color-skeleton: #6b5540;
  --color-shadow: #0000004D;
  --color-tint-hover: white;
  --color-border-blue: #7ba8d4;
  --color-icon-blue: #7ba8d4;
  --color-text-blue: #8dbce0;
  --color-border-cyan: #70c4c4;
  --color-icon-cyan: #70c4c4;
  --color-text-cyan: #82d4d4;
  --color-background-gray: #6b554033;
  --color-icon-gray: #c4a882;
  --color-text-gray: #EDE4D4;
  --color-background-green: #96bf2a33;
  --color-border-green: #96bf2a;
  --color-icon-green: #96bf2a;
  --color-text-green: #a8d43a;
  --color-background-orange: #d4903a33;
  --color-border-orange: #d4903a;
  --color-icon-orange: #d4903a;
  --color-text-orange: #e0a04a;
  --color-background-pink: #e07a9a33;
  --color-border-pink: #e07a9a;
  --color-icon-pink: #e07a9a;
  --color-text-pink: #f08aaa;
  --color-background-purple: #b08ed433;
  --color-border-purple: #b08ed4;
  --color-icon-purple: #b08ed4;
  --color-text-purple: #c0a0e0;
  --color-background-red: #ff5c5c33;
  --color-border-red: #ff5c5c;
  --color-icon-red: #ff5c5c;
  --color-text-red: #ff7a7a;
  --color-background-teal: #5ab89833;
  --color-border-teal: #5ab898;
  --color-icon-teal: #5ab898;
  --color-text-teal: #6ccaaa;
  --color-background-yellow: #ffc94033;
  --color-border-yellow: #ffc940;
  --color-icon-yellow: #ffc940;
  --color-text-yellow: #ffd960;
  --color-on-info: #4A3520;
}
@media (prefers-color-scheme: dark) {
  :root[data-scheme="auto"] {
  color-scheme: dark;
  --color-syntax-keyword: #d4a06a;
  --color-syntax-string: #7bc49e;
  --color-syntax-number: #d4b870;
  --color-syntax-function: #7ba8d4;
  --color-syntax-type: #b08ed4;
  --color-syntax-variable: #EDE4D4;
  --color-syntax-operator: #c4a882;
  --color-syntax-constant: #d4b870;
  --color-syntax-tag: #d47a7a;
  --color-syntax-attribute: #d4a06a;
  --color-syntax-property: #70c4b0;
  --color-syntax-punctuation: #cb884d;
  --color-syntax-background: #1c1610;
  --color-accent: #d4a06a;
  --color-accent-muted: #d4a06a20;
  --color-neutral: #EDE4D41A;
  --color-background-surface: #1c1610;
  --color-background-body: #141010;
  --color-overlay: #140e0aCC;
  --color-overlay-hover: #EDE4D40D;
  --color-overlay-pressed: #EDE4D41A;
  --color-background-muted: #2a2018;
  --color-text-primary: #EDE4D4;
  --color-text-secondary: #c4a882;
  --color-text-disabled: #6b5540;
  --color-text-accent: #d4a06a;
  --color-on-accent: #4a3520;
  --color-info: #7ba8d4;
  --color-text-info: #8dbce0;
  --color-text-success: #a8d43a;
  --color-text-warning: #ffd960;
  --color-text-error: #ff7a7a;
  --color-on-info-muted: #8dbce0;
  --color-on-success-muted: #a8d43a;
  --color-on-warning-muted: #ffd960;
  --color-on-error-muted: #ff7a7a;
  --color-icon-accent: #d4a06a;
  --color-icon-primary: #EDE4D4;
  --color-icon-secondary: #c4a882;
  --color-icon-disabled: #6b5540;
  --color-background-card: #2a2018;
  --color-background-popover: #2a2018;
  --color-background-inverted: #EDE4D4;
  --color-success: #96bf2a;
  --color-success-muted: #96bf2a20;
  --color-error: #ff5c5c;
  --color-error-muted: #ff5c5c20;
  --color-warning: #ffc940;
  --color-warning-muted: #ffc94020;
  --color-border: #EDE4D41A;
  --color-border-emphasized: #6b5540;
  --color-skeleton: #6b5540;
  --color-shadow: #0000004D;
  --color-tint-hover: white;
  --color-border-blue: #7ba8d4;
  --color-icon-blue: #7ba8d4;
  --color-text-blue: #8dbce0;
  --color-border-cyan: #70c4c4;
  --color-icon-cyan: #70c4c4;
  --color-text-cyan: #82d4d4;
  --color-background-gray: #6b554033;
  --color-icon-gray: #c4a882;
  --color-text-gray: #EDE4D4;
  --color-background-green: #96bf2a33;
  --color-border-green: #96bf2a;
  --color-icon-green: #96bf2a;
  --color-text-green: #a8d43a;
  --color-background-orange: #d4903a33;
  --color-border-orange: #d4903a;
  --color-icon-orange: #d4903a;
  --color-text-orange: #e0a04a;
  --color-background-pink: #e07a9a33;
  --color-border-pink: #e07a9a;
  --color-icon-pink: #e07a9a;
  --color-text-pink: #f08aaa;
  --color-background-purple: #b08ed433;
  --color-border-purple: #b08ed4;
  --color-icon-purple: #b08ed4;
  --color-text-purple: #c0a0e0;
  --color-background-red: #ff5c5c33;
  --color-border-red: #ff5c5c;
  --color-icon-red: #ff5c5c;
  --color-text-red: #ff7a7a;
  --color-background-teal: #5ab89833;
  --color-border-teal: #5ab898;
  --color-icon-teal: #5ab898;
  --color-text-teal: #6ccaaa;
  --color-background-yellow: #ffc94033;
  --color-border-yellow: #ffc940;
  --color-icon-yellow: #ffc940;
  --color-text-yellow: #ffd960;
  --color-on-info: #4A3520;
  }
}