_vars.scss

// Misc.
$misc: (z-index-base: 10000);
// Duration.
$duration: (transition: 0.2s);
// Size.
$size: (border-radius: 4px,
element-height: 2.75em,
element-margin: 2em);
// Font.
$font: (family: ("Poppins",
Helvetica,
sans-serif),
family-fixed: ("Courier New",
monospace),
weight: 300,
weight-bold: 400);

$blue-200: #62bef9;
$blue-300 : #0096f5;
$blue-500 : #008ae1;
$blue-600 : #0087DC;
$blue-700 : #0064a3;
$blue-800 : #0071b8;
$blue-900 : #00578f;
$blue-1000 : #004B7B;

$color-primary: $blue-600;
$color-secondary: #ffffff;
$color-background: $color-secondary;
$color-background-secondary: $color-primary;

// Palette.
$palette: (bg: #fff,
fg: #666,
fg-bold: #555,
fg-light: #999,
border: rgba(144, 144, 144, 0.5),
border-bg: rgba(144, 144, 144, 0.075),
border2: rgba(144, 144, 144, 0.75),
border2-bg: rgba(144, 144, 144, 0.2),
accent1: #ede7f6,
accent2: $blue-200,
accent3: $blue-300,
accent4: $blue-500,
accent5: $blue-600,
accent6: $blue-700,
accent1-alt: desaturate(darken(#ede7f6, 15), 20),
accent2-alt: desaturate(darken($blue-200, 15), 20),
accent3-alt: desaturate(darken($blue-300, 15), 20),
accent4-alt: desaturate(darken($blue-500, 15), 20),
accent5-alt: desaturate(darken($blue-600, 15), 20),
accent6-alt: desaturate(darken($blue-700, 15), 20),
dark: (bg: #666666,
fg-bold: #ffffff,
fg: rgba(255, 255, 255, 0.75),
fg-light: rgba(255, 255, 255, 0.5),
border: #ffffff,
border-bg: rgba(255, 255, 255, 0.125),
border2: rgba(255, 255, 255, 0.75),
border2-bg: rgba(255, 255, 255, 0.25)));