:root,[data-theme=brutalist]{--color-ink:#0f0f0f;--color-ink-strong:#0a0a0a;--color-ink-soft:#3a3a3a;--color-accent:#ffd60a;--color-accent-deep:#ffb200;--color-accent-soft:#fff1c2;--color-bg:#f0eee9;--color-surface:#fff;--color-surface-muted:#f5f5f5;--color-surface-sunken:#ececec;--color-mute:#6b6b6b;--color-mute-soft:#9a9a9a;--color-line:#e5e5e5;--color-success:#16a34a;--color-success-soft:#dcfce7;--color-error:#dc2626;--color-error-soft:#fee2e2;--color-warn:#fbbf24;--color-warn-soft:#fff6bf;--color-info:#2563eb;--color-info-soft:#dbeafe;--color-warn-deep:#b45309;--color-phase-1:#ffd60a;--color-phase-2:#ffb200;--color-phase-3:#ff9500;--color-phase-4:#0f0f0f;--color-phase-5:#16a34a;--font-display:"Bai Jamjuree","Noto Sans Thai",system-ui,-apple-system,sans-serif;--font-body:"Bai Jamjuree","Noto Sans Thai",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-hero:clamp(40px,7vw,76px);--leading-hero:.95;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.45;--tracking-tight:-.005em;--tracking-tighter:-.02em;--tracking-normal:0;--tracking-wide:.06em;--tracking-label:1.6px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:18px;--space-10:20px;--space-12:24px;--space-16:40px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:18px;--radius-pill:999px;--radius-circle:50%;--border-w:3px;--border-w-soft:2px;--border-w-heavy:4px;--border-w-hair:1px;--border-3:var(--border-w) solid var(--color-ink);--border-2:var(--border-w-soft) solid var(--color-ink);--border-line:var(--border-w-hair) solid var(--color-line);--shadow-hard:3px 3px 0 var(--color-ink-strong);--shadow-pop:5px 5px 0 var(--color-ink-strong);--shadow-max:6px 6px 0 var(--color-ink-strong);--shadow-soft:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);--motion-fast:.12s;--motion-base:.18s;--motion-slow:.3s;--ease-out:cubic-bezier(.3,.7,.4,1);--ease-overshoot:cubic-bezier(.2,.9,.3,1.2);--press-shift:2px}