:root {
    --color-brand-primary: #E96100;
    --color-brand-primary-light: #FF9015;
    --color-brand-primary-dark: #ba4e00;
    --color-brand-primary-darker: #8c3a00;

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

    --color-brand-accent: #E96100;
    --color-brand-accent-light: #FF9015;
    --color-brand-accent-lighter: #ffa644;
    --color-brand-accent-dark: #ba4e00;
    --color-brand-accent-darker: #8c3a00;
    
    --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: #E96100;
    --color-brand-button-background: #eee;

    --color-brand-background: #262626;
    --color-brand-background-light: #edfcfd;
    --color-brand-background-dark: #222222;

    --color-brand-border: #E96100;
    --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: #E96100;
    --color-brand-scrollbar-dark: #FF9015;
    --color-brand-scrollbar-darker: #8c3a00;

    --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: #ffd3a1;
    --color-brand-chart-button-hover: #8c3a00;
    --color-brand-chart-text: #e5e5e5;
    --color-brand-chart-text-active: #E96100;

    --font-sans: 'Space Grotesk';
    --font-secondary: 'sans-serif';

    --color-brand-gradient: linear-gradient(to right, #E96100, #FF9015);
    --color-brand-gradient-hover: linear-gradient(to right, #FF9015, #FF9015);

    --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=Space+Grotesk:wght@300..700&display=swap');