/* OneBiz24 — inferred from the supplied UX/UI image, v1.0 */
:root{
 --color-primary:#7500ec;
 --color-primary-hover:#5900bf;
 --color-accent:#ed00c9;
 --color-heading:#3600b4;
 --color-ink:#090c4e;
 --color-muted:#747ba4;
 --color-border:#ebeaf8;
 --color-surface:#ffffff;
 --color-background:#f7fcff;
 --color-tint:#f5e6ff;
 --color-focus:#5500d9;
 --gradient-brand:linear-gradient(110deg,#7900f1 0%,#d600e7 58%,#f000bb 100%);
 --gradient-action:linear-gradient(135deg,#bc00f0,#f000bd);
 --gradient-hero:linear-gradient(110deg,#fbe5ff 0%,#efedff 40%,#e8f2ff 70%,#f9dcf7 100%);
 --gradient-title:linear-gradient(100deg,#140a71,#7400de 60%,#ed00c9);
 --font-sans:"Noto Sans Thai",Arial,sans-serif;
 --font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
 --font-size-xs:11px;
 --font-size-sm:12px;
 --font-size-body:14px;
 --font-size-section:20px;
 --font-size-title:46px;
 --space-1:4px;
 --space-2:8px;
 --space-3:12px;
 --space-4:16px;
 --space-5:20px;
 --space-6:24px;
 --space-8:32px;
 --space-10:40px;
 --radius-sm:10px;
 --radius-card:15px;
 --radius-panel:18px;
 --radius-pill:999px;
 --shadow-card:0 5px 19px rgba(59,42,117,.035);
 --shadow-hover:0 9px 25px rgba(91,30,164,.095);
 --shadow-shell:0 0 0 1px rgba(110,70,175,.03);
 --container-max:1200px;
 --motion-fast:160ms;
 --motion-normal:220ms;
}