:root { --base-900: #000000;
--base-800: #171812;
--base-700: #2A313C;
--base-200: #E1E1D7;
--base-100: #F5F5EE;
--white: #FFFFFF; --base-800-80: rgba(23, 24, 18, 0.8);
--base-800-40: rgba(23, 24, 18, 0.4);
--base-800-20: rgba(23, 24, 18, 0.2); --spacing-none: 0px;
--spacing-xxs: 8px;
--spacing-xs: 16px;
--spacing-sm: 24px;
--spacing-md: 32px;
--spacing-lg: 40px;
--spacing-xl: 48px;
--spacing-2xl: 64px;
--spacing-3xl: 80px;
--spacing-4xl: 96px;
--spacing-5xl: 128px;
--spacing-11xl: 160px; --radius-none: 0px;
--radius-xxs: 2px;
--radius-xs: 4px;
--radius-md: 16px;
--radius-large: 40px; --color-bg-main: var(--base-100);
--color-bg-surface: var(--white);
--color-text-title: var(--base-900);
--color-text-body: var(--base-700);
}