:root {
  --color-background-brand: #fdd835;
  --color-background-brand-hover: #fdc435;
  --color-background-brand-pressed: #fdb435;
  --color-background-backdrop: rgba(0, 0, 0, 0.48);
  --color-background-white: #ffffff;
  --color-divider-grey: rgba(25, 28, 52, 0.12);
  --color-gradient-magma: linear-gradient(
    -46deg,
    #1a73e8 0%,
    #bc00b8 49.44%,
    #f55555 100%
  );
  --color-gradient-lazurit: linear-gradient(
    76deg,
    #fa1c8c 0%,
    #527ce7 46.89%,
    #2ebacf 100%
  );
  --color-gradient-ocean: linear-gradient(
    85deg,
    #6137cc 0%,
    #00b2ff 43.57%,
    #7effc3 100%
  );
  --color-gradient-oil-radial: radial-gradient(
    140.01% 127.68% at 18.75% 3%,
    #feca48 0%,
    #ff7d5d 21.17%,
    #b732a2 45.13%,
    #621a9f 71.18%,
    #030013 100%
  );
  --color-gradient-oil-linear: linear-gradient(
    90deg,
    #feca48 0%,
    #ff7d5d 19.46%,
    #b732a2 43.54%,
    #621a9f 70.39%,
    #030013 100%
  );
  --color-opacity-disabled: 0.48;
  --color-text-black-active: rgba(9, 11, 22, 0.94);
  --color-text-grey-inactive: rgba(25, 28, 52, 0.7);
  --color-text-grey-disabled: rgba(25, 28, 52, 0.48);
  --color-text-white-inverse: #ffffff;
  --color-text-dark-active: rgba(0, 0, 0, 0.87);
  --color-text-dark-inactive: rgba(0, 0, 0, 0.6);
  --color-text-dark-disabled: rgba(0, 0, 0, 0.38);
  --color-text-light-active: rgba(255, 255, 255, 0.87);
  --color-text-light-inactive: rgba(255, 255, 255, 0.6);
  --color-text-light-disabled: rgba(255, 255, 255, 0.38);
}