body {
	--font-header: "IBM Plex Sans Thai Looped", sans-serif;
	--font-body: "Sarabun", sans-serif;
	--font-icon: "Font Awesome 6 Pro";
	--color-header: #00C18C;
	--color-header-light: #F0F5F4;
	--color-subheader: #434A54;
	--color-body: #000000;
	--color-subbody: #434A54;
	--color-footer: #656D78;
	--color-background: #F5F7FA;
	--color-content-background: #FFFFFF;
	--color-line: #434A54;
	--color-line-opacity: #434A5480;
	--color-ui-active: var(--color-header);
	--color-ui-semiactive: var(--color-header-light);
	--color-ui-primary: #434A54;
	--color-ui-secondary: #656D78;
	--color-ui-disabled: #AAAAAA;
	--color-status-success: #68A43C;
	--color-status-normal: #434A54;
	--color-status-warning: #FFB54A;
	--color-status-fail: #EC40AB;
	--radius-s: 12px;
	--radius-m: 24px;
	--radius-l: 36px;
	--offset-default: 24px;
	--offset-s: 30px;
	--offset-m: 60px;
	--offset-l: 120px;
	--box-shadow-default: 0 24px 24px 0 rgba(0,0,0,0.1);
	--box-shadow-object: 0 3px 9px rgba(0, 0, 0, 0.1);
	--box-shadow-object-focus: 0 12px 36px rgba(0, 0, 0, 0.3);
	--box-shadow-input: 0 3px 9px rgba(0,0,0,0.1) inset;
	--box-shadow-input-focus: 0 0 0 rgba(0,0,0,0) inset;
	--color-header-opacity: #00744B10;
	--color-body-opacity: #00000080;
	--color-background-fade: #A1A5AA;
	--color-row: #F5F7FA;
	--color-alert: #EC40AB;
	--color-warning: #ECB840;
	--color-error: red;
	--color-parks: #00744B;
	--color-landscapes: #00744B;
	--color-properties: #00744B;
	--color-stocks: #00744B;
	--color-plus: #428BD8;
	--color-minus: #FF7F50;
	--gap-1: 60px;
	--gap-2: 120px;
	--gap-3: 240px;
}