:root {
    --color-brand-primary: #d81618;
    --color-brand-primary-light: #e87374;
    --color-brand-primary-dark: #820d0e;
    --color-brand-primary-darker: #56090a;

    --color-brand-secondary: #3dc027;
    --color-brand-secondary-light: #8bd97d;
    --color-brand-secondary-dark: #319a1f;
    --color-brand-secondary-darker: #257317;

    --color-brand-accent: #d81618;
    --color-brand-accent-light: #e87374;
    --color-brand-accent-lighter: #e04546;
    --color-brand-accent-dark: #820d0e;
    --color-brand-accent-darker: #56090a;

    --color-brand-green: #3dc027;
    --color-brand-green-light: #8bd97d;
    --color-brand-green-dark: #319a1f;
    --color-brand-green-darker: #257317;

    --color-brand-red: #d81618;
    --color-brand-red-light: #e87374;
    --color-brand-red-dark: #820d0e;
    --color-brand-red-darker: #56090a;

    --color-brand-button-text: #d81618;
    --color-brand-button-background: #f1f4ff;

    --color-brand-background: #221815;
    --color-brand-background-light: #fff;
    --color-brand-background-dark: #140e0d;

    --color-brand-border: #d81618;
    --color-brand-border-neutral: #404040;

    --color-module-title: #e5e5e5;

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

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

    --color-brand-shadow: 0 20px 76px 33px rgba(0,0,0,0.66);
    
    --color-brand-scrollbar: #d81618;
    --color-brand-scrollbar-dark: #820d0e;
    --color-brand-scrollbar-darker: #56090a;
    
    --color-brand-chart-neutral: #e5e5e5;
    --color-brand-chart-neutral-darker: #404040;
    --color-brand-chart-neutral-darkest: #27272a;
    --color-brand-chart-background: #222222;
    --color-brand-chart-platform: #404040;
    --color-brand-chart-button: #d81618;
    --color-brand-chart-button-hover: #820d0e;
    --color-brand-chart-text: #e5e5e5;
    --color-brand-chart-text-active: #e87374;

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

    --mosaic-brand-border-margin: 1.5px;
    --mosaic-brand-border-margin-mobile: 1px;
    --mosaic-brand-border-margin-negative: -1.5px;
    --mosaic-brand-toolbar-color: #222222;
    --mosaic-brand-toolbar-hover: linear-gradient(to bottom, #404040, #222222);
    --mosaic-brand-preview-box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.15);
    --mosaic-brand-preview-border-radius: 2px;
}

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