:root {
      --primary-color-base: #7E3BC6;
      --primary-color-50: #D9BEF7;
      --primary-color-100: #C09DE7;
      --primary-color-200: #A576D7;
      --primary-color-300: #9462CA;
      --primary-color-400: #8A52C8;
      --primary-color-600: #63059B;
      --theme-color-1-50: #FFE8E9;
      --theme-color-1-100: #F8D2D4;
      --theme-color-1-200: #F0A5A9;
      --theme-color-1-300: #E9787E;
      --theme-color-1-400: #E14B53;
      --theme-color-1-500: #DA1E28;
      --theme-color-1-600: #AE1820;
      --theme-color-1-700: #871319;
      --theme-color-1-800: #570C10;
      --theme-color-1-900: #3A080B;
      --theme-color-2-50: #FFFBF2;
      --theme-color-2-100: #FFEECC;
      --theme-color-2-200: #FFDD99;
      --theme-color-2-300: #FFCC66;
      --theme-color-2-400: #FFBB33;
      --theme-color-2-500: #F1C400;
      --theme-color-2-600: #C7A204;
      --theme-color-2-700: #996600;
      --theme-color-2-800: #664400;
      --theme-color-2-900: #3D2900;
      --theme-color-3-50: #F7FAF0;
      --theme-color-3-100: #E9F1D8;
      --theme-color-3-200: #D3E3B1;
      --theme-color-3-300: #BED58B;
      --theme-color-3-400: #A8C764;
      --theme-color-3-500: #92B93D;
      --theme-color-3-600: #759431;
      --theme-color-3-700: #586F25;
      --theme-color-3-800: #3A4A18;
      --theme-color-3-900: #242E0F;
      --theme-color-4-50: #F6F2FF;
      --theme-color-4-100: #E8DEFD;
      --theme-color-4-200: #D1BEFB;
      --theme-color-4-300: #B99DFA;
      --theme-color-4-400: #A27DF8;
      --theme-color-4-500: #8B5CF6;
      --theme-color-4-600: #6F4AC5;
      --theme-color-4-700: #533794;
      --theme-color-4-800: #382562;
      --theme-color-4-900: #261943;
      --theme-color-5-50: #FFF2F9;
      --theme-color-5-100: #FBDAEB;
      --theme-color-5-200: #F7B6D6;
      --theme-color-5-300: #F491C2;
      --theme-color-5-400: #F06DAD;
      --theme-color-5-500: #EC4899;
      --theme-color-5-600: #BD3A7A;
      --theme-color-5-700: #8E2B5C;
      --theme-color-5-800: #5E1D3D;
      --theme-color-5-900: #371123;
      --theme-color-6-50: #EEF2F8;
      --theme-color-6-100: #DADEE6;
      --theme-color-6-200: #B4BBC7;
      --theme-color-6-300: #939DAD;
      --theme-color-6-400: #717E92;
      --theme-color-6-500: #536074;
      --theme-color-6-600: #485364;
      --theme-color-6-700: #384253;
      --theme-color-6-800: #1A2231;
      --theme-color-6-900: #080E1A;
      --theme-color-black: #444441;
      --theme-color-background: #E5E5E5;
      --sc-selected-row: #FFBB33;
      --font-size-xs: 0.75rem;
      --font-size-sm: 0.875rem;
      --font-size-base: 1rem;
      --font-size-lg: 1.125rem;
      --font-size-xl: 1.25rem;
      --font-size-2xl: 1.5rem;
      --font-size-3xl: 1.875rem;
      --font-size-4xl: 2.25rem;
      --font-size-5xl: 3rem;
      --font-size-6xl: 3.75rem;
      --font-size-7xl: 4.5rem;
      --font-size-8xl: 6rem;
      --font-size-9xl: 8rem;
      --font-type-100: Roboto;
      --button-border-radius: 30px;
    }