// Custom style matching the brand
$palette1: #E56904;
$palette2: #ccf;
$palette3: #D664FF;
$palette4: #000;

// Hack to get onFOSS brand logo somewhat aligned
$enable-negative-margins: true;

$primary: $palette1;
$secondary: $palette3;
$body-bg: $palette4;
$body-color: $palette4;
$border-color: black;
$font-family-base: sans-serif;
$nav-pills-link-active-color: $palette3;
$nav-pills-link-active-bg: $palette4;
$nav-link-color: $palette2;
$nav-link-hover-color: $palette4;
$nav-link-hover-bg: $palette4;

$table-color: $palette2;
$table-bg: $palette4;

$body-secondary-bg: $palette2;
$body-tertiary-bg: $palette1;

.cls-1 {
  fill: $palette3;
}

.cls-2 {
  fill: $palette2;
}