:root {
    --bg-default: #ffffff;
    --bg-inverse: #010101;
    --bg-neutral-subtle: #f4f6f8;
    --bg-neutral-medium: #e7ebee;
    --bg-neutral-strong: #ced6de;
    --bg-neutral-dark: #3e4854;
    --bg-primary-strong: #8051ff;
    --bg-primary-subtle: #ece8ff;
    --bg-secondary-strong: #4d3293;
    --primary-strong: #8051ff;
    --secondary-strong: #4d3293;
    --primary-subtle: #ece8ff;
    --lavender-500: #8051ff;
    --lavender-800: #5318bf;
    --grey-950: #010101;
    --title-default: #010101;
    --title-inverse: #ffffff;
    --title-neutral: #8b9eb3;
    --title-primary-strong: #5318bf;
    --title-primary-subtle: #f4f2ff;
    --body-default: #3e4854;
    --body-inverse: #ffffff;
    --border-white: #ffffff;
    --border-neutral-subtle: #ced6de;
    --border-neutral-strong: #8b9eb3;
    --border-primary-strong: #5318bf;
    --icon-default: #3e4854;
    --icon-inverse: #ffffff;
    --icon-brand-strong: #5318bf;
    --font-sans: "TP Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --fw-thin: 100;
    --fw-ultralight: 200;
    --fw-extralight: 275;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 700;
    --letter-spacing: 0;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-24: 24px;
    --fs-40: 40px;
    --fs-56: 56px;
    --fs-64: 64px;
    --fs-80: 80px;
    --fs-96: 96px;
    --fs-120: 120px;
    --fs-144: 144px;
    --lh-24: 24px;
    --lh-32: 32px;
    --lh-40: 40px;
    --lh-56: 56px;
    --lh-64: 64px;
    --lh-80: 80px;
    --page-width: 1440px;
    --content-max: 1360px;
    --gutter: 40px;
    --t-fast: 180ms;
    --t-base: 260ms;
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
}