mue/src/scss/_variables.scss

@use 'sass:map';

$theme-colours: (
  'gradient': linear-gradient(90deg, #ffb032 0%, #dd3b67 100%),
  'main': rgba(242, 243, 244, 1),
  'secondary': rgba(0, 0, 0, 1),
  'main-text-color': rgba(242, 243, 244, 1),
  'photo-info': #2d3436,
  'photo-info-dark': #ffff
);

$modal: (
  'background': #fff,
  'background-dark': #2f3542,
  'text': rgba(0, 0, 0, 1),
  'tab-underline': rgba(204, 204, 204, 1),
  'tab-underline-active': rgba(0, 0, 0, 1),
  'border-radius': 12px,
  'sidebar': rgb(240, 240, 240),
  'tab-active': rgba(219, 219, 219, 0.72),
  'sidebar-dark': rgb(53, 59, 72),
  'tab-active-dark': rgba(65, 71, 84, 0.9),
  'modal-link': #5352ed,
  'modal-link-dark': #3498db
);

$button-colours: (
  'confirm': rgba(46, 213, 115, 1),
  'reset': rgba(255, 71, 87, 1),
  'other': rgba(83, 82, 237, 1)
);

$main-parts: (
  'shadow':  0 0 1rem 0 rgba(0, 0, 0, 0.2)
);