:root{--white:#FFFFFF;--black:#000000;--primary-50:#FEF6E6;--primary-100:#FCE4B3;--primary-200:#FBD380;--primary-300:#F9C14D;--primary-400:#F7AF1A;--primary-500:#F6A600;--primary-600:#DD9500;--primary-700:#AC7400;--primary-800:#7B5300;--primary-900:#4A3200;--primary-950:#191100;--grey-0:#FFFEFE;--grey-50:#F9FAFB;--grey-100:#EDEEF1;--grey-200:#D9DADE;--grey-300:#C0C1C8;--grey-400:#A6A8B1;--grey-500:#8D8F9B;--grey-600:#737582;--grey-700:#5A5B65;--grey-800:#404148;--grey-900:#26272B;--grey-950:#1B1B1C;--green-50:#F0FDF4;--green-100:#DCFCE7;--green-200:#BBF7D0;--green-300:#86EFAC;--green-400:#4ADE80;--green-500:#22C55E;--green-600:#16A34A;--green-700:#15803D;--green-800:#166534;--green-900:#14532D;--green-950:#052E16;--blue-50:#F1F5F9;--blue-100:#D1E6FF;--blue-200:#B2D6FF;--blue-300:#93C5FF;--blue-400:#74B4FF;--blue-500:#64ACFF;--blue-600:#2F82E1;--blue-700:#4678B3;--blue-800:#325680;--blue-900:#1E344D;--blue-950:#0A111A;--red-50:#FFEBEB;--red-100:#F39999;--red-200:#ED6666;--red-300:#E73333;--red-400:#E10000;--red-500:#CB0000;--red-600:#9E0000;--red-700:#710000;--red-800:#440000;--red-900:#360000;--red-950:#210000;--text-primary:#131927;--text-default:var(--grey-950);--text-subtle:var(--grey-800);--text-subtler:var(--grey-700);--icon-subtle:var(--grey-500);--text-on-dark:var(--white);--surface:var(--white);--surface-alt:color-mix(in srgb,var(--primary-50) 45%,var(--white));--border:var(--grey-300);--border-subtle:var(--grey-100);--brand-accent:var(--primary-500);--logo-gradient:linear-gradient(90deg,#FFB037,#FFA518,#EE9000);--font-sans:"Inter","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--fs-3xl:48px;--lh-3xl:56px;--fs-2xl:40px;--lh-2xl:48px;--fs-xl:32px;--lh-xl:40px;--fs-lg:28px;--lh-lg:36px;--fs-md:24px;--lh-md:32px;--fs-sm:20px;--lh-sm:28px;--fs-xs:16px;--lh-xs:24px;--fs-caption-lg:14px;--lh-caption-lg:20px;--fs-caption-md:12px;--lh-caption-md:18px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--radius-xs:8px;--radius-sm:12px;--radius-xl:24px;--radius-button:8px;--shadow-xs:0 4px 4px rgba(208,208,208,.25);--shadow-s:0 4px 12px rgba(196,196,196,.25);--shadow-md:0 4px 20px rgba(208,208,208,.30);--shadow-lg:0 4px 32px rgba(208,208,208,.30);--shadow-xl:0 4px 40px rgba(208,208,208,.25)}