:root{--accent:#E8A400;--accent-hover:#D49600;--accent-light:#FFC42E;--accent-muted:rgba(232,164,0,0.12);--accent-border:rgba(232,164,0,0.35);--bg-main:#0C0E14;--bg-surface:#131722;--bg-surface-elevated:#1A2030;--bg-surface-hover:#222A3E;--bg-card:#141824;--bg-card-hover:#1B2132;--border-subtle:#1F2636;--border-default:#2A3348;--border-strong:#3D4A66;--border-highlight:rgba(255,255,255,0.08);--text-primary:#F8FAFC;--text-secondary:#CBD5E1;--text-muted:#94A3B8;--text-subtle:#64748B;--text-inverse:#0C0E14;--badge-bg:#1B2233;--badge-text:#94A3B8;--badge-border:#2D374D;--wholesale-bg:rgba(232,164,0,0.14);--wholesale-text:#FFC42E;--wholesale-border:rgba(232,164,0,0.3);--header-height:4rem;--min-tap-size:44px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.6),0 2px 4px -2px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.7),0 4px 6px -4px rgba(0,0,0,0.6);--shadow-accent:0 0 20px -3px rgba(232,164,0,0.25);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--font-family-catalog:var(--font-sans),"IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--line-height-thai:1.65}.catalog-theme{font-family:var(--font-family-catalog);background-color:var(--bg-main);color:var(--text-primary);line-height:var(--line-height-thai);min-height:100vh}.tabular-nums{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}