:root {
  --primary: #4a81fc;
  --dprimary: #6fc1ff;
  --secondary: #43c8d4;
  --dark: #1c336a;
  --dark-hover-btn: #33497e;
  --popout: #efa23b;
  --popout-light: #fff5e8;
  --popout-dark: #c17611;
  --warn: #d23445;
  --accept: #198754;
  --info-grey: #9197a1;
  --symbol: #2f704a;
  --menu-grey: #b9c0cf;
  --light-blue-bg: #f3f3f3;
  --background: #fbfbfb;
  --bg: #f6f8fb;
  --div-shadow: 0px 2px 4.5px 1px rgb(0 0 0 / 3%);
  --shadow-inset-sep: 0 -1px 0 0 rgba(0, 0, 0, 0.12) inset;
  --mdc-shape-small: 12px;
  --mdc-theme-primary: #4a81fc;
  --mdc-theme-error: var(--warn);
  --dial-background-color: var(--primary) !important;

  --tree-level-1: #8dccad;
  --tree-level-2: #f5cc7f;
  --tree-level-3: #7b9fe0;
  --tree-level-4: #f27c8d;
  --tree-black: black;
  --accept-dark: #7ec4a4;

  --main-radius: 12px;
  --main-gap: 4px;

  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;

  --white: #fff;
  --grey-950: #161616;
  --grey-900: #212121;
  --grey-800: #424242;
  --grey-700: #616161;
  --grey-600: #757575;
  --grey-500: #9e9e9e;
  --grey-400: #bdbdbd;
  --grey-300: #e0e0e0;
  --grey-200: #eeeeee;
  --grey-150: #f5f5f5;
  --grey-100: #fafafa;
  --grey-50: #fff;

  --green-950: #052e16;
  --green-900: #14532d;
  --green-800: #166534;
  --green-700: #15803d;
  --green-600: #16a34a;
  --green-500: #22c55e;
  --green-400: #4ade80;
  --green-300: #86efac;
  --green-200: #bbf7d0;
  --green-100: #dcfce7;
  --green-50: #f0fdf4;

  --red-950: #450a0a;
  --red-900: #7f1d1d;
  --red-800: #991b1b;
  --red-700: #b91c1c;
  --red-600: #dc2626;
  --red-500: #ef4444;
  --red-400: #f87171;
  --red-300: #fca5a5;
  --red-200: #fecaca;
  --red-100: #fee2e2;
  --red-50: #fef2f2;

  --yellow-950: #422006;
  --yellow-900: #713f12;
  --yellow-800: #854d0e;
  --yellow-700: #a16207;
  --yellow-600: #ca8a04;
  --yellow-500: #eab308;
  --yellow-400: #facc15;
  --yellow-300: #fde047;
  --yellow-200: #fef08a;
  --yellow-100: #fef9c3;
  --yellow-50: #fefce8;

  --accent-950: #083344;
  --accent-900: #164e63;
  --accent-800: #155e75;
  --accent-700: #0e7490;
  --accent-600: #0891b2;
  --accent-500: #06b6d4;
  --accent-400: #22d3ee;
  --accent-300: #67e8f9;
  --accent-200: #a5f3fc;
  --accent-100: #cffafe;
  --accent-50: #ecfeff;

  --blue-900: #0b1428;
  --blue-800: #162750;
  --blue-700: #203b79;
  --blue-600: #2b4ea1;
  --blue-500: #3662c9;
  --blue-400: #5e81d4;
  --blue-300: #86a1df;
  --blue-200: #afc0e9;
  --blue-100: #d7e0f4;
  --blue-50: #ebeffa;

  --neutral-black: #1a1a1a;

  --border-radius-2: 0.5rem;
  --border-radius-3: 1rem;
  --border-radius-4: 1.5rem;
  --border-radius-5: 3rem;
}