/* Generated from tokens.json */
:root{--canvas:#f4f5f9;--surface:#ffffff;--subtle:#edf0f6;--ink:#222b45;--muted:#58647d;--line:#ced5e3;--lineStrong:#8693ab;--primary:#2e44b7;--onPrimary:#ffffff;--selected:#e9edff;--signal:#e2f58a;--onSignal:#283813;--coral:#f18d76;--success:#286248;--successBg:#e6f3eb;--warning:#795215;--warningBg:#fff2d8;--danger:#a33148;--dangerBg:#fcebf0;--focus:#214fe3;--font-body:'Noto Sans KR',sans-serif;--font-display:'Noto Serif KR',Georgia,serif;--font-number:'IBM Plex Mono',monospace;--font-brand:'Syne',sans-serif;--control:44px;--compact:36px;--rail:224px;--inspector:384px;--radius:6px;--duration:140ms;color-scheme:light}
[data-surface=dark]{--canvas:#181d29;--surface:#222a3a;--subtle:#303a50;--ink:#edf2ff;--muted:#bcc8dd;--line:#47536c;--lineStrong:#8393b0;--primary:#dce6ff;--onPrimary:#1c2a4f;--selected:#30456c;color-scheme:dark}
@media(prefers-reduced-motion:reduce){:root{--duration:0ms}}/* DS03.4 — role tokens added 2026-09-24. Spacing/type scales, state tones, skeleton and scrim.
   Dark values live in the same [data-surface=dark] contract as the generated block above. */
:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-28:28px;--info:#1f4f9a;--infoBg:#e4edfb;--skeleton:#e2e6ef;--skeletonHi:#f2f4f9;--scrim:rgba(34,43,69,.48);--onScrim:#ffffff;--offline:#5b4a12;--offlineBg:#fbf3d6;--tableStripe:#f8f9fc;--radius-card:10px;--radius-pill:999px;--z-toast:60;--z-dialog:50;--z-banner:40}
[data-surface=dark]{--info:#a9c4ff;--infoBg:#243452;--skeleton:#33405a;--skeletonHi:#425072;--scrim:rgba(0,0,0,.62);--offline:#f0dc9c;--offlineBg:#3d3418;--tableStripe:#262f40}