/* global */

$enable-shadows: true;
$enable-rounded: false;
$box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);

/* Dropdowns */

$dropdown-box-shadow: none;
$dropdown-border-color: $gray-200;

// Inputs
$input-border-color: darken($gray-200, 2.5%);

// Font Family
$font-family-sans-serif: 'Roboto, -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif';

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


/* Generator navbar pills
-------------------------------------------------- */
$black: #000;
$white: #fff;
$min-contrast-ratio:   4.5;
$color-contrast-dark:  $black;
$color-contrast-light: $white;

@each $color, $value in $theme-colors {
    $value-300: color-contrast(tint-color($value, 60%));
    .navbar[class*="text-bg-#{$color}"] {
        .nav-link, .navbar-text, .navbar-brand {
            color: $value-300;
            &.nav-link.active {
                @extend .text-bg-#{$color};
            }
            &.navbar-text, &.navbar-brand {
                opacity: .66;
            }
        }
    }
}
