@font-face {
  font-family: "Pretendard Variable";
  src: url("../assets/fonts/PretendardVariable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
}

:root {
  color-scheme: light;
  --font-sans: "Pretendard Variable", Pretendard, "Noto Sans KR", "Noto Sans CJK KR", "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --theme-paper: #f6f5f1;
  --theme-ink: #111216;
  --theme-lime: #a9ef2d;
  --bg: var(--theme-paper);
  --surface: #fff;
  --surface-strong: #eae9e4;
  --surface-soft: #f8f7f3;
  --text: var(--theme-ink);
  --muted: #5d626d;
  --subtle: #626770;
  --line: rgba(12, 14, 20, .13);
  --line-strong: rgba(12, 14, 20, .24);
  --accent: var(--theme-lime);
  --accent-ink: var(--theme-ink);
  --gear: #ff4a4f;
  --pc: #4aa8ff;
  --studio: #8c68ff;
  --game: #b7f23b;
  --max: 1440px;
  --gutter: clamp(20px, 4vw, 64px);
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;
  --space-8: 112px;
  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;
  --shadow: 0 24px 80px rgba(33, 32, 28, .10);
  /* Legacy aliases used by story/business/archive/lab surfaces — keep in sync */
  --paper: var(--theme-paper);
  --ink: var(--theme-ink);
  --grey: var(--muted);
  --hairline: #c8c8c2;
  --lime: var(--theme-lime);
}

html[data-theme="light"],
html[data-theme="day"] {
  color-scheme: light;
  --theme-paper: #f6f5f1;
  --theme-ink: #111216;
  --theme-lime: #a9ef2d;
  --bg: var(--theme-paper);
  --surface: #fff;
  --surface-strong: #eae9e4;
  --surface-soft: #f8f7f3;
  --text: var(--theme-ink);
  --muted: #5d626d;
  --subtle: #626770;
  --line: rgba(12, 14, 20, .13);
  --line-strong: rgba(12, 14, 20, .24);
  --accent: var(--theme-lime);
  --accent-ink: var(--theme-ink);
  --shadow: 0 24px 80px rgba(33, 32, 28, .10);
  --paper: var(--theme-paper);
  --ink: var(--theme-ink);
  --grey: var(--muted);
  --lime: var(--theme-lime);
}

html[data-theme="dark"],
html[data-theme="night"] {
  color-scheme: dark;
  --theme-paper: #111216;
  --theme-ink: #f6f5f1;
  --theme-lime: #a9ef2d;
  --bg: var(--theme-paper);
  --surface: #10131a;
  --surface-strong: #161a23;
  --surface-soft: #0d1016;
  --text: var(--theme-ink);
  --muted: #9da4b3;
  --subtle: #727a89;
  --line: rgba(255, 255, 255, .12);
  --line-strong: rgba(255, 255, 255, .22);
  --accent: var(--theme-lime);
  --paper: var(--theme-paper);
  --ink: var(--theme-ink);
  --grey: var(--muted);
  --hairline: rgba(255, 255, 255, .16);
  --lime: var(--theme-lime);
  --accent-ink: #111216;
  --shadow: 0 24px 80px rgba(0, 0, 0, .24);
}


/* Instant scrub while toggling day/night (prevents mid-frame residual) */
html.theme-switching,
html.theme-switching body,
html.theme-switching .site-header,
html.theme-switching .journal-global-masthead,
html.theme-switching .masthead {
  transition: none !important;
}