:root{--duck:#ffd465;--duck-deep:#edb835;--accent:#00c6ae;--accent-deep:#009e8a;--ink:#111;--white:#fff;--paper:#fafafa;--good:#10b981;--bad:#ef4444;--warn:#f59e0b;--g-100:#f1f1f1;--g-200:#e5e5e5;--g-300:#d4d4d4;--g-400:#a3a3a3;--g-500:#737373;--g-700:#404040;--stroke-width-1:1.5px;--stroke-width-2:2px;--stroke-width-3:2.5px;--stroke:1.5px solid var(--ink);--stroke-th:2px solid var(--ink);--stroke-xl:2.5px solid var(--ink);--stroke-dash:1.5px dashed var(--ink);--shadow-xs:1.5px 1.5px 0 var(--ink);--shadow-sm:2px 2px 0 var(--ink);--shadow:3px 3px 0 var(--ink);--shadow-md:4px 4px 0 var(--ink);--shadow-lg:5px 5px 0 var(--ink);--shadow-xl:6px 6px 0 var(--ink);--shadow-2xl:8px 8px 0 var(--ink);--shadow-inv:3px 3px 0 var(--duck);--shadow-inv-lg:5px 5px 0 var(--duck);--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:24px;--radius-pill:999px;--font-en:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-th:"Noto Sans Thai Looped","Noto Sans Thai","Sarabun",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--ls-tight:-0.03em;--ls-snug:-0.02em;--ls-normal:-0.01em;--ls-wide:0.04em;--ls-wider:0.08em;--ls-widest:0.15em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--fs-xs:9px;--fs-sm:10px;--fs-base:11px;--fs-md:12px;--fs-lg:13px;--fs-xl:14px;--fs-2xl:16px;--fs-3xl:18px;--fs-4xl:22px;--fs-5xl:28px;--duration-fast:120ms;--duration:200ms;--ease-brutal:cubic-bezier(0.2,0,0,1);--z-base:1;--z-raised:10;--z-sticky:20;--z-drawer:30;--z-modal:40;--z-toast:50}