/* GENERATED by design/build_tokens.py from design/system/tokens.json — 직접 수정 금지 */
@font-face{font-family:"Pretendard Variable";src:url("/assets/system/fonts/PretendardVariable-d2778c52.woff2") format("woff2");font-weight:45 920;font-display:swap}
:root{
  --mo-primary: #0a5dff;
  --mo-btn: #1c4fff;
  --mo-btn-hover: #0850e0;
  --mo-on-btn: #ffffff;
  --mo-primary-soft: #eef3ff;
  --mo-ink: #191f28;
  --mo-ink-2: #333d4b;
  --mo-muted: #515c6c;
  --mo-faint: #7c899c;
  --mo-placeholder: #9ca3af;
  --mo-bg: #ffffff;
  --mo-bg-alt: #fafaf7;
  --mo-bg-alt-strong: #f1f5ef;
  --mo-line: #e4e8e3;
  --mo-dark: #191f28;
  --mo-dark-deep: #0f1830;
  --mo-on-dark-muted: #aab6d4;
  --mo-primary-on-dark: #4d86ff;
  --mo-warn: #c2410c;
  --mo-warn-soft: #fdf1e2;
  --mo-scrim: rgba(25,31,40,.28);
  --mo-warn-dot: #f44712;
  --mo-warn-ring: rgba(244,71,18,.28);
  --mo-rev: #027a48;
  --mo-rev-fill: #16a36a;
  --mo-rev-soft: #ecfdf3;
  --mo-mesh-1: #cfe6f5;
  --mo-mesh-2: #e9e2f2;
  --mo-mesh-3: #f4f0e4;
  --mo-mesh-4: #dff0e6;
  --mo-mesh-base: #f7f9fb;
  --mo-glass: rgba(255,255,255,.86);
  --mo-line-soft: rgba(24,32,30,.08);
  --muni-body: #1c4fff;
  --muni-fin: #8fb3ff;
  --mo-space-1: 4px;
  --mo-space-2: 8px;
  --mo-space-3: 12px;
  --mo-space-4: 16px;
  --mo-space-5: 20px;
  --mo-space-6: 24px;
  --mo-space-8: 32px;
  --mo-space-10: 40px;
  --mo-r-sm: 8px;
  --mo-r-md: 10px;
  --mo-r-lg: 16px;
  --mo-r-pill: 999px;
  --mo-btn-h: 36px;
  --mo-touch-min: 44px;
  --mo-btn-h-lg: 48px;
  --mo-input-h: 48px;
  --mo-gnb-h: 68px;
  --mo-container: 1140px;
  --mo-auth-max: 400px;
  --mo-form-max: 480px;
  --mo-drawer-max: 560px;
  --mo-side-w: 240px;
  --mo-rail-w: 68px;
  --mo-nav-h: 36px;
  --mo-kb-col: 256px;
  --mo-kb-col-min: 208px;
  --mo-kb-lane: 44px;
  --mo-shadow-drawer: -12px 0 32px rgba(25,31,40,.08);
  --mo-shadow-pop: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  --mo-dur-hop: .9s;
  --mo-dur-hop-sm: .6s;
  --mo-ease-hop: cubic-bezier(.3,.7,.4,1);
  --mo-dur-puff: 1.6s;
  --mo-dur-ping: 2.2s;
  --mo-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --mo-font-mono: ui-monospace, Menlo, monospace;
}
/* dark — 학습자 화면만 */
@media (prefers-color-scheme: dark){
html.mo-learner:not([data-theme="light"]){
  color-scheme: dark;
  --mo-ink: #e8ebe9;
  --mo-ink-2: #e8ebe9;
  --mo-muted: #a4aca7;
  --mo-placeholder: #7c899c;
  --mo-bg: #141715;
  --mo-bg-alt: #1d211e;
  --mo-bg-alt-strong: #232825;
  --mo-line: #2e3430;
  --mo-warn: #f0a74a;
  --mo-warn-soft: #33291c;
}
}
html.mo-learner[data-theme="dark"]{
  color-scheme: dark;
  --mo-ink: #e8ebe9;
  --mo-ink-2: #e8ebe9;
  --mo-muted: #a4aca7;
  --mo-placeholder: #7c899c;
  --mo-bg: #141715;
  --mo-bg-alt: #1d211e;
  --mo-bg-alt-strong: #232825;
  --mo-line: #2e3430;
  --mo-warn: #f0a74a;
  --mo-warn-soft: #33291c;
}