:root { color-scheme: light; --bg:#f6f4ed; --paper:#fffef9; --ink:#242d28; --muted:#667168; --line:#d8dbcf; --accent:#254f40; --accent-ink:#fffef7; --soft:#e7eddf; --orange:#a74725; --error:#b23535; --error-bg:#ffe5df; }
@media(prefers-color-scheme:dark) { :root:not([data-theme="light"]) { color-scheme:dark; --bg:#171d1a; --paper:#202823; --ink:#e9ecdf; --muted:#aab6a9; --line:#3c483e; --accent:#c2d7a8; --accent-ink:#1f3024; --soft:#303e32; --orange:#f0a27d; --error:#ffa99d; --error-bg:#58312c; } }
:root[data-theme="dark"] { color-scheme:dark; --bg:#171d1a; --paper:#202823; --ink:#e9ecdf; --muted:#aab6a9; --line:#3c483e; --accent:#c2d7a8; --accent-ink:#1f3024; --soft:#303e32; --orange:#f0a27d; --error:#ffa99d; --error-bg:#58312c; }

/* Shared design tokens. FX typography remains independent. */
:root {
 --kp-fs-2xs:11px; --kp-fs-xs:12px; --kp-fs-sm:13px; --kp-fs-md:15px; --kp-fs-lg:18px; --kp-fs-xl:24px;
 --kp-display-brand:clamp(30px,5vw,76px); --kp-display-title:clamp(28px,5vw,48px);
 --kp-code-size:20px; --kp-code-small:13px;
 --kp-font: 'Apple SD Gothic Neo','Malgun Gothic',sans-serif; --kp-mono:ui-monospace,'SFMono-Regular',Consolas,monospace;
 --kp-lh:1.6; --kp-lh-title:1.2; --kp-lh-control:20px; --kp-weight:400; --kp-semibold:600; --kp-bold:700;
 --kp-0:0; --kp-1:4px; --kp-2:8px; --kp-3:12px; --kp-4:16px; --kp-6:24px; --kp-8:32px; --kp-10:40px; --kp-12:48px;
 --kp-select-arrow-width:var(--kp-2); --kp-select-arrow-inset:var(--kp-2); --kp-select-arrow-gap:var(--kp-2);
 --kp-select-arrow-space:calc(var(--kp-select-arrow-inset) + var(--kp-select-arrow-width) + var(--kp-select-arrow-gap));
 --kp-radius:4px; --kp-radius-card:8px; --kp-pill:999px;
 --kp-md:44px; --kp-sm:32px; --kp-target:24px; --kp-icon:20px; --kp-check:16px; --kp-range:140px; --kp-thumb:20px;
 --kp-border:1px; --kp-focus:3px; --kp-focus-offset:3px; --kp-disabled:.5; --kp-full:100%; --kp-half:50%;
 --kp-page:1200px; --kp-column:280px; --kp-textarea:96px;
}