@charset 'utf-8';
@use 'sass:color';

$black: #000;
$white: #fff;
$light-grey: #f9fafb;
$mid-grey: color.adjust($light-grey, $lightness: -10%);
$mid-grey-2: color.adjust($light-grey, $lightness: -25%);
$dark-grey: #3c434a;
$yellow: #ed4;

$red: rgb(247, 140, 140);
$green: rgb(150, 222, 150);
$blue: rgb(54, 162, 235);

$primary-button: color.adjust($blue, $lightness: -10%);
$primary-button-hover: color.adjust($primary-button, $lightness: -10%);
$secondary-button: #dddddd;
$secondary-button-hover: color.adjust($secondary-button, $lightness: -5%);

$panel-top: #2c3d4e;
$panel-bottom: color.adjust($panel-top, $lightness: 5%);

$shadow: rgba($black, .1);