@use "sass:color";

// Define enabel colors
$enabel-primary-grey: color.scale(rgb(88 87 86), $lightness: -5%);
$enabel-primary-yellow: rgb(249 181 0);
$enabel-primary-red: rgb(216 26 26);
$enabel-secondary-purple: color.scale(rgb(103 38 102), $lightness: 5%);
$enabel-secondary-blue: rgb(0 125 165);
$enabel-secondary-red: color.scale(rgb(230 83 0), $lightness: 10%);
$enabel-secondary-yellow: color.scale(rgb(203 151 0), $lightness: 3%);
$enabel-secondary-green: color.scale(rgb(76 156 46), $lightness: -10%);
$enabel-gray-light: color.scale($enabel-primary-grey, $lightness: 85%);
$enabel-cool-gray1: rgb(217 216 214);
$enabel-cool-gray2: rgb(208 207 205);
$enabel-cool-gray3: rgb(200 200 200);
$enabel-cool-gray4: rgb(187 187 187);
$enabel-cool-gray5: rgb(177 177 177);
$enabel-warm-gray1: rgb(214 209 202);
$enabel-warm-gray2: rgb(203 195 187);
$enabel-warm-gray3: rgb(191 183 176);
$enabel-warm-gray4: rgb(181 173 165);
$enabel-warm-gray5: rgb(172 161 153);
$enabel-underline-color: rgb(88 87 86 / 25%);

// Set bootstrap colors with enabel colors
$primary: $enabel-secondary-blue;
$secondary: $enabel-secondary-yellow;
$success: $enabel-secondary-green;
$info: $enabel-secondary-purple;
$warning: $enabel-secondary-red;
$danger: $enabel-primary-red;
$dark: $enabel-primary-grey;
$light: $enabel-gray-light;

// The contrast ratio to reach against white, to determine if color changes from "light" to "dark".
$min-contrast-ratio: 2.0 !default;

// Bootstrap font family
$font-family-base: "Ubuntu", sans-serif !default;

// Bootstrap grid breakpoints
$grid-breakpoints: (
  xs: 0,
  sm: 480px,
  md: 768px,
  lg: 1024px,
  xl: 1366px,
  xxl: 1680px,
  xxxl: 1920px
);

$container-max-widths: (
  sm: 440px,
  md: 720px,
  lg: 960px,
  xl: 1280px,
  xxl: 1560px,
  xxxl: 1840px
);