@import '../includes/fonts/lato';

$yellow: #ffd400;
$yellow-dark: #efc600;
$blue: #3584e4;
$gray-light: #bfbfbf;
$gray-dark: #333333;

$back-top-display: block;
$font-color: black;
$font-family: 'Lato', serif;
$font-size: 0.938em;
$form-sidebar-position: right;
$link-color: $font-color;
$primary-color: $yellow;
$width: 1290px;
$mobile-limit: 1024px;

$header-full-width-background: true;
$header-background-color: $primary-color;
$responsive-menu: left-to-right;
$toplinks-style: none;

$footer-background: $primary-color;
$footer-color: $font-color;

$title-background: $primary-color;
$title-border-radius: 5px;
$title-weight: 400;
$title-font-size: 1.4em;

$nav-active-color: $yellow-dark;
$nav-background: $primary-color;
$nav-border-color: black;
$nav-button-background: $nav-active-color;
$nav-color: $font-color;
$nav-color: $font-color;
$nav-full-width-background: true;
$nav-full-width-background: true;
$nav-item-hover-background: $font-color;
$nav-item-hover-color: $primary-color;
$nav-menu-color: $font-color;
$nav-mobile-menu-background: $font-color;
$nav-mobile-menu-item-color: rgba(255, 255, 255, 0.75);
$nav-mobile-menu-item-hover-background: $font-color;
$nav-mobile-menu-item-hover-color: $nav-mobile-menu-item-color;
$nav-after-image: false;

$button-background: $font-color;
$button-border-radius: 0px;
$button-color: $primary-color;
$button-focus-outline: none;
$button-hover-background: $primary-color;
$button-hover-color: $font-color;

$widget-focus-outline: 2px solid $blue;

$wcs-step-background: $primary-color;
$wcs-step-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
$wcs-step-color: $font-color;
$wcs-step-current-background: $font-color;
$wcs-step-current-border-bottom: $wcs-step-border-bottom;
$wcs-step-current-color: $primary-color;
$wcs-steps-spacing: 0em;

$authentik-header-background: $gray-light;
$authentik-button-background: $gray-light;
$authentik-button-color: black;
$authentik-button-hover-background: $gray-dark;
$authentik-button-hover-color: white;
