:root {
    --color-brand-primary: #898eff;
    --color-brand-primary-light: #a2b6ff;
    --color-brand-primary-dark: #232899;
    --color-brand-primary-darker: #181b66;

    --color-brand-secondary: #ed3964;
    --color-brand-secondary-light: #f488a2;
    --color-brand-secondary-dark: #8e223c;
    --color-brand-secondary-darker: #5f1728;

    --color-brand-accent: #898eff;
    --color-brand-accent-light: #a2b6ff;
    --color-brand-accent-lighter: #b1b4ff;
    --color-brand-accent-dark: #232899;
    --color-brand-accent-darker: #181b66;

    --color-brand-green: #55ba32;
    --color-brand-green-light: #99d684;
    --color-brand-green-dark: #33701e;
    --color-brand-green-darker: #224a14;

    --color-brand-red: #ed3964;
    --color-brand-red-light: #f488a2;
    --color-brand-red-dark: #8e223c;
    --color-brand-red-darker: #5f1728;

    --color-brand-button-text: #5968e9;
    --color-brand-button-background: #f1f4ff;

    --color-brand-background: #f6f8ff;
    --color-brand-background-light: #fff;
    --color-brand-background-dark: #f2f4fa;

    --color-brand-border: #e5e9f4;
    --color-brand-border-neutral: #e5e5e5;

    --color-module-title: #fff;

    --color-brand-neutral: #27272a;
    --color-brand-neutral-light: #404040;
    --color-brand-neutral-dark: #525252;
    --color-brand-neutral-darker: #a3a3a3;
    --color-brand-neutral-darker-2: #fafafa;
    --color-brand-neutral-darkest: #e5e5e5;

    --color-brand-neutral-50: oklch(0.145 0 0);
    --color-brand-neutral-100: oklch(0.205 0 0);
    --color-brand-neutral-200: oklch(0.269 0 0);
    --color-brand-neutral-300: oklch(0.371 0 0);
    --color-brand-neutral-400: oklch(0.439 0 0);
    --color-brand-neutral-500: oklch(0.556 0 0);
    --color-brand-neutral-600: oklch(0.708 0 0);
    --color-brand-neutral-700: oklch(0.87 0 0);
    --color-brand-neutral-800: oklch(0.922 0 0);
    --color-brand-neutral-900: oklch(0.97 0 0);
    --color-brand-neutral-950: oklch(0.985 0 0);

    --color-brand-shadow: 0 20px 76px 33px rgba(0,0,0,0.10);

    --color-brand-scrollbar: #898eff;
    --color-brand-scrollbar-dark: #232899;
    --color-brand-scrollbar-darker: #181b66;

    --color-brand-chart-neutral: #404040;
    --color-brand-chart-neutral-darker: #404040;
    --color-brand-chart-neutral-darkest: #27272a;
    --color-brand-chart-background: #f6f8ff;
    --color-brand-chart-platform: #e0e1ff;
    --color-brand-chart-button: #d0d2ff;
    --color-brand-chart-button-hover: #232899;
    --color-brand-chart-text: #0e0e0f;
    --color-brand-chart-text-active: #181b66;

    --font-sans: 'Poppins';
    --font-secondary: 'sans-serif';

    --mosaic-brand-border-margin: 6px;
    --mosaic-brand-border-margin-mobile: 6px;
    --mosaic-brand-border-margin-negative: -3px;
    --mosaic-brand-toolbar-color: #898eff;
    --mosaic-brand-toolbar-hover: #a2b6ff;
    --mosaic-brand-preview-box-shadow: none;
    --mosaic-brand-preview-border-radius: 12px;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');