@font-face {
  font-family: "SUIT Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/SUIT-Variable.woff2") format("woff2");
}

@font-face {
  font-family: "Paperlogy";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Paperlogy-7Bold.ttf") format("truetype");
}

:root {
  color-scheme: light;
  --color-brand: oklch(41.86% 0.17882 266.425);
  --color-brand-hover: oklch(35% 0.16 266.42547);
  --color-highlight: oklch(89.502% 0.163 94.563);
  --color-paper: oklch(99% 0.003 266);
  --color-paper-blue: oklch(97.96081% 0.0095481 273.35852);
  --color-paper-muted: oklch(95.5% 0.008 266);
  --color-ink: oklch(23% 0.025 266);
  --color-muted: oklch(43% 0.025 266);
  --color-rule: oklch(82% 0.018 266);
  --color-rule-on-brand: oklch(63% 0.1 266);
  --color-focus: oklch(41.86% 0.17882 266.425);
  --color-error: oklch(40% 0.13 25);
  --color-clear: transparent;
  --font-display: "Archivo", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-document: "Source Serif 4", "Noto Serif KR", "AppleMyungjo", "Batang", serif;
  --font-code: "SFMono-Regular", Menlo, Monaco, monospace;
  --font-ko-body: "SUIT Variable", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-ko-display: "Paperlogy", "SUIT Variable", "Apple SD Gothic Neo", sans-serif;
  --weight-ko-display: 700;
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-document: 1.25rem;
  --text-heading: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  --text-display: clamp(2.25rem, 5vw, 4.25rem);
  --leading-body: 1.6;
  --leading-document: 1.65;
  --leading-display: 1.06;
  --weight-body: 400;
  --weight-label: 600;
  --weight-display: 750;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --page-gutter: clamp(1.25rem, 4.5vw, 4rem);
  --page-width: 80rem;
  --radius-control: 0.125rem;
  --rule-thin: 1px;
  --rule-focus: 3px;
  --control-height: 2.75rem;
  --text-root: 100%;
  --text-inline-code: 1em;
  --text-document-code: 0.75em;
  --leading-heading: 1.2;
  --leading-label: 1.4;
  --leading-wordmark: 1.15;
  --leading-command: 1.8;
  --leading-heading-ko: 1.25;
  --leading-document-ko: 1.8;
  --tracking-title: -0.035em;
  --tracking-display: -0.025em;
  --space-caption-offset: calc(-1 * var(--space-xs));
  --copy-control-width: 9rem;
  --copy-status-height: 1.6em;
  --opacity-pending: 0.65;
  --text-catalog-title: clamp(2rem, 3vw, 3rem);
  --swatch-height: 9rem;
}