/* @pulsia-catalog {"id":"configuration.cia.folio-tokens","title":"Folio 디자인 토큰","summary":"원본에서 확인한 치수·색상·글꼴과 NCIAM 확장 컴포넌트 값을 정의함"} */
:root[data-theme="folio"] {
    --folio-font-sans: "Public Sans", "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --folio-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --folio-header-height: 64px;
    --folio-shell-width: 1440px;
    --folio-sidebar-width: 256px;
    --folio-toc-width: 224px;
    --folio-article-max: 1000px;
    --folio-content-padding: 40px;
    --folio-space-1: 4px;
    --folio-space-2: 8px;
    --folio-space-3: 12px;
    --folio-space-4: 16px;
    --folio-space-6: 24px;
    --folio-space-8: 32px;
    --folio-space-10: 40px;
    --folio-space-12: 48px;
    --folio-radius-sm: 4px;
    --folio-radius-md: 6px;
    --folio-radius-lg: 12px;
    --folio-text-xs: 12px;
    --folio-text-sm: 14px;
    --folio-text-base: 16px;
    --folio-text-h1: 36px;
    --folio-text-h2: 24px;
    --folio-text-h3: 20px;
    --folio-tracking-tight: -0.015em;
    --folio-bg: #fff;
    --folio-text: #3f3f46;
    --folio-heading: #18181b;
    --folio-chrome-text: #18181b;
    --folio-muted: #71717a;
    --folio-nav-text: #52525b;
    --folio-soft: #f4f4f5;
    --folio-border: #e4e4e7;
    --folio-heading-border: hsl(0 0% 90% / 70%);
    --folio-link: #00bc7d;
    --folio-active-bg: #ecfdf5;
    --folio-header-bg: rgb(255 255 255 / 85%);
    --folio-header-shadow: 0 1px 0 var(--folio-border);
    --folio-control-bg: #fff;
    --folio-control-text: #fff;
    --folio-control-fill: #171717;
    --folio-error: #b91c1c;
    --folio-error-bg: #fef2f2;
    --folio-success: #166534;
    --folio-success-bg: #f0fdf4;
    color-scheme: light;
}
:root[data-theme="folio"][data-color-mode="dark"] {
    --folio-bg: #09090b;
    --folio-text: #d4d4d8;
    --folio-heading: #fafafa;
    --folio-chrome-text: #fafafa;
    --folio-muted: #a1a1aa;
    --folio-nav-text: #a1a1aa;
    --folio-soft: #18181b;
    --folio-border: #27272a;
    --folio-heading-border: hsl(212 100% 94% / 10%);
    --folio-link: #00d492;
    --folio-active-bg: rgb(0 212 146 / 8%);
    --folio-header-bg: rgb(9 9 11 / 80%);
    --folio-header-shadow: 0 -1px 0 rgb(255 255 255 / 10%) inset;
    --folio-control-bg: #171717;
    --folio-control-fill: #f1f5f9;
    --folio-control-text: #111;
    --folio-error: #fca5a5;
    --folio-error-bg: #291616;
    --folio-success: #86efac;
    --folio-success-bg: #10271a;
    color-scheme: dark;
}