:root{--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-accent-2: #7a8a5e;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f9f4ed;--color-neutral-200: #eee7db;--color-neutral-300: #dcd3c4;--color-neutral-400: #c0b6a5;--color-neutral-500: #a19786;--color-neutral-600: #82796a;--color-neutral-700: #645c50;--color-neutral-800: #474238;--color-neutral-900: #2e2b25;--color-accent-100: #fff2eb;--color-accent-200: #ffe1d0;--color-accent-300: #ffc6a5;--color-accent-400: #f6a06b;--color-accent-500: #d67f48;--color-accent-600: #b2622d;--color-accent-700: #8c491a;--color-accent-800: #643312;--color-accent-900: #402310;--color-accent-2-100: #f0fae1;--color-accent-2-200: #e1eecc;--color-accent-2-300: #ccdbb2;--color-accent-2-400: #aebf92;--color-accent-2-500: #8fa073;--color-accent-2-600: #728157;--color-accent-2-700: #56633f;--color-accent-2-800: #3d472b;--color-accent-2-900: #272e1b;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent);--color-page: #e6d9c2;--color-header-bg: rgba(245, 234, 216, .92);--color-on-accent: #fff;--color-logo-text: #f5ead8}:root[data-theme=catering]{--color-bg: #171d2a;--color-surface: #1e2534;--color-text: #f3e9d6;--color-accent: #c9a96a;--color-accent-2: #8c9bbf;--color-divider: rgba(243, 233, 214, .14);--color-neutral-100: #232b3c;--color-neutral-200: #2b3446;--color-neutral-300: #38425a;--color-neutral-400: #4e5972;--color-neutral-500: #8a93a6;--color-neutral-600: #aab2c2;--color-neutral-700: #c9cfdb;--color-neutral-800: #e8e2d4;--color-neutral-900: #f7efe0;--color-accent-100: #2f2a1e;--color-accent-200: #3a3323;--color-accent-300: #5a4c2c;--color-accent-400: #a58a52;--color-accent-500: #c9a96a;--color-accent-600: #d4b77c;--color-accent-700: #e0c48b;--color-accent-800: #ecd5a4;--color-accent-900: #f6e6c2;--color-accent-2-100: #222a3a;--color-accent-2-200: #2b3448;--color-accent-2-300: #3a4560;--color-accent-2-400: #56658a;--color-accent-2-500: #7f92bb;--color-accent-2-600: #9cadd0;--color-accent-2-700: #b8c5de;--color-accent-2-800: #d3dcec;--color-accent-2-900: #e9eef7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 3px 10px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--color-page: #0f141f;--color-header-bg: rgba(23, 29, 42, .92);--color-on-accent: #1a1608;--color-logo-text: #1a1608;color-scheme:dark}html,body{margin:0;padding:0;background:var(--color-page, #e6d9c2)}body{font-family:Noto Sans Thai,system-ui,sans-serif;color:var(--color-text, #201e1d);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}*{box-sizing:border-box}a{color:#8c491a;text-decoration:none}a:hover{color:#b2622d}input,select,textarea,button{font-family:inherit}h1,h2,h3{line-height:1.5}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid #c67139;outline-offset:2px}::selection{background:#ffe1d0}::-webkit-scrollbar{width:0;height:0}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.charm{font-family:Charm,serif;font-weight:700}.hoverable{transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}