:root{--c-blue-100:#DCE7F8;--c-blue-400:#6386D9;--c-blue-600:#4169CF;--c-blue-700:#2F4F9E;--c-blue-900:#1B2C4E;--c-blue-800:#2A3F6B;--c-red-100:#FCE3E4;--c-red-400:#F36B72;--c-red-500:#ED1C24;--c-red-700:#C8141B;--c-red-800:#A50E14;--c-red-900:#7A0A0E;--c-gray-300:#D9DADB;--c-gray-500:#8B8D90;--c-gray-700:#515352;--c-lgray-100:#F2F3F5;--c-lgray-300:#C9CCD1;--c-lgray-400:#A6A6A6;--c-white:#FFFFFF;--c-white-200:#E8EAED;--c-green-100:#E6F4EA;--c-green-700:#1E7B3E;--c-amber-100:#FFF4DB;--c-amber-700:#8A5300;--c-crimson-100:#FDECEC;--c-crimson-700:#B42318;--font-sans:'Noto Sans Thai',system-ui,-apple-system,'Segoe UI','Leelawadee UI',Tahoma,sans-serif;--fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-32:2rem;--lh-body:1.6;--lh-heading:1.4;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:48px;--sp-9:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-1:0 1px 2px rgba(27,44,78,.06);--shadow-2:0 4px 12px rgba(27,44,78,.08);--shadow-3:0 12px 32px rgba(27,44,78,.16);--z-base:0;--z-sticky:100;--z-nav:200;--z-dropdown:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--focus-width:2px;--focus-offset:2px;--touch-min:44px;}:root,[data-theme=white]{--primary:var(--c-blue-900);--primary-hover:var(--c-blue-800);--on-primary:var(--c-white);--secondary:var(--c-blue-100);--surface:var(--c-white);--surface-alt:var(--c-lgray-100);--border:var(--c-gray-300);--text:var(--c-blue-900);--text-muted:var(--c-gray-700);--link:var(--c-blue-600);--focus-ring:var(--c-blue-600);--accent:var(--c-red-500);--success-bg:var(--c-green-100);--success-fg:var(--c-green-700);--warning-bg:var(--c-amber-100);--warning-fg:var(--c-amber-700);--danger-bg:var(--c-crimson-100);--danger-fg:var(--c-crimson-700);--info-bg:var(--c-blue-100);--info-fg:var(--c-blue-700);--nav-bg:var(--c-white);--nav-fg:var(--c-blue-900);}[data-theme=blue]{--primary:var(--c-blue-600);--primary-hover:var(--c-blue-700);--on-primary:var(--c-white);--secondary:var(--c-blue-100);--surface:var(--c-white);--surface-alt:var(--c-lgray-100);--border:var(--c-lgray-300);--text:var(--c-blue-900);--text-muted:var(--c-gray-700);--link:var(--c-blue-600);--focus-ring:var(--c-blue-900);--accent:var(--c-red-500);--success-bg:var(--c-green-100);--success-fg:var(--c-green-700);--warning-bg:var(--c-amber-100);--warning-fg:var(--c-amber-700);--danger-bg:var(--c-crimson-100);--danger-fg:var(--c-crimson-700);--info-bg:var(--c-blue-100);--info-fg:var(--c-blue-700);--nav-bg:var(--c-blue-900);--nav-fg:var(--c-white);}[data-theme=red]{--primary:var(--c-red-700);--primary-hover:var(--c-red-800);--on-primary:var(--c-white);--secondary:var(--c-red-100);--surface:var(--c-white);--surface-alt:var(--c-lgray-100);--border:var(--c-gray-300);--text:var(--c-blue-900);--text-muted:var(--c-gray-700);--link:var(--c-blue-600);--focus-ring:var(--c-blue-900);--accent:var(--c-red-500);--success-bg:var(--c-green-100);--success-fg:var(--c-green-700);--warning-bg:var(--c-amber-100);--warning-fg:var(--c-amber-700);--danger-bg:var(--c-amber-100);--danger-fg:var(--c-red-900);--info-bg:var(--c-blue-100);--info-fg:var(--c-blue-700);--nav-bg:var(--c-blue-900);--nav-fg:var(--c-white);}