/* 자동 생성: docs/design/tokens.json → 이 파일. 직접 고치지 말고 tokens.json을 고친 뒤 다시 만든다. */

:root {
  color-scheme: light dark;
  --surface: #f6f5f1;
  --surface-raised: #ffffff;
  --line: #dcd9d1;
  --control-border: #8f8b82;
  --ink: #1b1a17;
  --ink-muted: #67645c;
  --moss: #2f5c4f;
  --on-moss: #ffffff;
  --link: var(--moss);
  --focus-ring: var(--moss);
  --potentia-ground: #161b24;
  --potentia-dusk: #222a36;
  --potentia-ink: #ebe8e1;
  --potentia-muted: #a8adb6;
  --potentia-signal: #e8ad5a;
  --on-potentia-signal: #161b24;
  --mukkit-ground: #fbe8d5;
  --mukkit-ink: #3b2415;
  --mukkit-muted: #7a5438;
  --mukkit-accent: #b53f1b;
  --on-mukkit-accent: #ffffff;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --content-max: 720px;
  --tap-min: 44px;
  --font-sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface: #121211;
    --surface-raised: #1c1b19;
    --line: #2f2e2b;
    --control-border: #6d6a63;
    --ink: #ecebe6;
    --ink-muted: #a19e96;
    --moss: #8fc4b1;
    --on-moss: #0f1f1a;
    --potentia-ground: #242d3b;
    --potentia-dusk: #2c3646;
  }
}

@font-face {
  font-family: "IBM Plex Sans KR";
  src: url("/assets/fonts/IBMPlexSansKR-Regular-ksx.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans KR";
  src: url("/assets/fonts/IBMPlexSansKR-SemiBold-ksx.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}