ds-site/Resources/Private/Sass/Frontend/_variables.scss

$spacer: 1rem !default;

$black: #5D5D5D;
$black-dark: #000000;
$red: #E09690;
$red-dark: #C75646;
$green: #CDEE69;
$green-dark: #8EB33B;
$yellow: #FFE377;
$yellow-dark: #D0B03C;
$blue: #9CD9F0;
$blue-dark: #72B3CC;
$pink: #FBB1F9;
$pink-dark: #C8A0D1;
$cyan: #77DFD8;
$cyan-dark: #218693;
$white: #F7F7F7;
$white-dark: #B0B0B0;

$primary:       $blue;
$secondary:     $blue-dark;
$success:       $green;
$info:          $blue;
$warning:       $yellow;
$danger:        $red;
$light:         $white-dark;
$dark:          $black;

$theme-colors: ();
$theme-colors: map-merge(
  (
    "primary":    $primary,
    "secondary":  $secondary,
    "success":    $success,
    "info":       $info,
    "warning":    $warning,
    "danger":     $danger,
    "light":      $light,
    "dark":       $dark
  ),
  $theme-colors
);

$body-bg: #2E3436;
$body-color: #D3D7CF;

$text-muted: $white-dark;

$font-family-sans-serif:  'Montserrat', 'Avenir', 'Roboto', sans-serif;
$font-family-serif: "Georgia", serif;
$font-family-monospace: "DejaVu Sans Mono", "Menlo", "Consolas", monospace;
$font-family-base: $font-family-monospace;

$font-size-base: 1.25rem;
$font-size-lg: $font-size-base * 1.25 !default;
$font-size-sm: $font-size-base * .875 !default;

$line-height-lg: 1;
$line-height-sm: 1;

$link-color:                              $blue-dark;
$link-decoration:                         underline;
$link-hover-color:                        $blue;
$link-hover-decoration:                   underline;

$container-max-widths: (
  sm: 1023px,
  md: 1024px,
  lg: 1200px,
  xl: 1440px
);
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 1200px,
  xl: 1440px
);