@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Space+Grotesk:wght@300..700&display=swap');

:root {
    --color-brand-primary: #01585E;
    --color-brand-primary-light: #34797e;
    --color-brand-primary-dark: #01464b;
    --color-brand-primary-darker: #013538;

    --color-brand-secondary: #d62c44;
    --color-brand-secondary-light: #e6808f;
    --color-brand-secondary-dark: #ab2336;
    --color-brand-secondary-darker: #801a29;

    --color-brand-accent: #01585E;
    --color-brand-accent-light: #34797e;
    --color-brand-accent-lighter: #679b9e;
    --color-brand-accent-dark: #01464b;
    --color-brand-accent-darker: #013538;

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

    --color-brand-red: #d62c44;
    --color-brand-red-light: #e6808f;
    --color-brand-red-dark: #ab2336;
    --color-brand-red-darker: #801a29;

    --color-brand-button-text: #01585E;
    --color-brand-button-background: #eee;

    --color-brand-background: #202020;
    --color-brand-background-light: #edfcfd;
    --color-brand-background-dark: #1a1a1a;

    --color-brand-border: #01585E;
    --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-ticker-widget: none;
    --color-ticker-widget-hover: none;
    --color-ticker-widget-border: none;
    
    --color-brand-shadow: 0 20px 76px 33px rgba(0,0,0,0.66);

    --color-brand-scrollbar: #01585E;
    --color-brand-scrollbar-dark: #01464b;
    --color-brand-scrollbar-darker: #013538;

    --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: #01585E;
    --color-brand-chart-button-hover: #013538;
    --color-brand-chart-text: #e5e5e5;
    --color-brand-chart-text-active: #01585E;

    --font-sans: 'Inter';
    --font-secondary: 'Inter';

    --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;
}