// Color variables.
$white: #fff !default;
$gray-100: #f6f9fc !default;
$gray-200: #edf1f5 !default;
$gray-300: #e3e9ef !default;
$gray-400: #d7dde2 !default;
$gray-500: #b4bbc3 !default;
$gray-600: #858c97 !default;
$gray-700: #576071 !default;
$gray-800: #434a57 !default;
$gray-900: #121519 !default;
$black: #000 !default;

$grays: () !default;
$grays: map-merge(
    (
        "100": $gray-100,
        "200": $gray-200,
        "300": $gray-300,
        "400": $gray-400,
        "500": $gray-500,
        "600": $gray-600,
        "700": $gray-700,
        "800": $gray-800,
        "900": $gray-900
    ),
    $grays
);

$blue: #007bff !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #dc3545 !default;
$orange: #fd7e14 !default;
$yellow: #ffc107 !default;
$green: #28a745 !default;
$teal: #20c997 !default;
$cyan: #17a2b8 !default;

$colors: () !default;
$colors: map-merge(
    (
        "blue": $blue,
        "indigo": $indigo,
        "purple": $purple,
        "pink": $pink,
        "red": $red,
        "orange": $orange,
        "yellow": $yellow,
        "green": $green,
        "teal": $teal,
        "cyan": $cyan,
        "white": $white,
        "gray": $gray-600,
        "gray-dark": $gray-800
    ),
    $colors
);

$primary: $blue !default;
$secondary: $gray-600 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-100 !default;
$dark: $gray-800 !default;
$text-on-primary: $white !default;
$text-on-secondary: $white !default;

// Button hover state colors
$btn-primary-bg: #005f6a !default;
$btn-secondary-bg: $secondary !default;
$btn-primary-hover-bg: darken($btn-primary-bg, 5%) !default;
$btn-primary-hover-border: darken($btn-primary-bg, 8%) !default;
$btn-outline-primary-hover-bg: #032633 !default;
$btn-secondary-hover-bg: darken($btn-secondary-bg, 10%) !default;
$btn-secondary-hover-border: darken($btn-secondary-bg, 15%) !default;

// Dark mode variables
$dark-bg-color: #191c20 !default;
$dark-box-bg-color: #121519 !default;
$dark-btn-content-bg: #032633 !default;

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

// Set a specific jump point for requesting color jumps
$theme-color-interval: 8% !default;

// The yiq lightness value that determines when the lightness of color changes from "dark" to "light".
// Acceptable values are between 0 and 255.
$yiq-contrasted-threshold: 150 !default;

// Customize the light and dark text colors for use in our YIQ color contrast function.
$yiq-text-dark: $gray-900 !default;
$yiq-text-light: $white !default;

// Breakpoint variables.
$grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xlg: 1160px,
    xl: 1440px
) !default;

// Content width variables.
$course-content-maxwidth: 100% !default;
$medium-content-maxwidth: 100% !default;
$h5p-content-maxwidth: 100% !default;

// Border variables.
$border-radius: 1rem !default;
$border-radius-sm: .75rem !default;
$border-radius-lg: 1.125rem !default;

$border-color: $gray-300 !default;

// Auth page variables.
$auth-form-max-width: 25rem !default;
$auth-logo-max-width: 20rem !default;
$auth-right-panel-max-width: 50rem !default;
$auth-box-border-radius: 0.25rem !default;

// Shadow variables.
$box-shadow-sm: 0 .375rem .75rem -.125rem rgba(208, 208, 196, .24) !default;
$box-shadow: 0 .4375rem 1.25rem rgba(208, 208, 196, .32) !default;
$box-shadow-lg: 0 .5rem 1.75rem -.125rem rgba(208, 208, 196, .48) !default;

// Body variables.
$body-bg: #f2f2f2 !default;
$body-color: $gray-700 !default;

// Navbar variables.
$navbar-width: 300px !default;
$navbar-height: 75px !default;
$primary-nav-padding-y: .75rem !default;

// Heading variables.
$headings-margin-bottom: 1rem !default;

$headings-color: $gray-900 !default;
$headings-font-weight: 600 !default;

$h1-font-size: $font-size-base * 2.5 !default;
$h2-font-size: $font-size-base * 2 !default;
$h3-font-size: $font-size-base * 1.75 !default;
$h4-font-size: $font-size-base * 1.5 !default;
$h5-font-size: $font-size-base * 1.25 !default;
$h6-font-size: $font-size-base !default;


// Links variables.
$link-color: $body-color !default;
$link-hover-color: $primary !default;

// Button variables.
$btn-padding-y: .75rem !default;
$btn-padding-x: 1.5rem !default;

$input-btn-focus-box-shadow: 0 !default;

// Form variables.
$input-padding-y: .75rem !default;
$input-padding-x: 1.5rem !default;
$custom-control-indicator-checked-bg: $secondary !default;

// Dropdown variables.
$dropdown-min-width: 12rem !default;
$dropdown-padding-y: 1rem !default;
$dropdown-spacer: .25rem !default;
$dropdown-border-color: rgba($border-color, .7) !default;
$dropdown-border-radius: $border-radius-lg !default;
$dropdown-box-shadow: $box-shadow !default;

$dropdown-link-color: $body-color !default;
$dropdown-link-hover-color: $text-on-primary !default;
$dropdown-link-hover-bg: $primary !default;

$dropdown-item-padding-y: .375rem !default;
$dropdown-item-padding-x: 1.25rem !default;

// Breadcrumbs variables.
$breadcrumb-padding-y: 0 !default;
$breadcrumb-padding-x: 0 !default;
$breadcrumb-bg: transparent !default;
$breadcrumb-border-radius: 0 !default;

// Tabs variables.
$nav-tabs-border-color: transparent !default;
$nav-tabs-border-width: 1px !default;
$nav-tabs-border-radius: $border-radius;
$nav-tabs-link-hover-border-color: transparent !default;
$nav-tabs-link-active-color: $primary !default;
$nav-tabs-link-active-bg: transparent !default;
$nav-tabs-link-active-border-color: $primary !default;

// Navs variables.
$nav-link-padding-y: .725rem !default;
$nav-link-padding-x: 1.75rem !default;

$nav-link-font-weight: 500 !default;
$nav-link-color: $gray-800 !default;
$nav-link-hover-color: $primary !default;
$nav-link-active-color: $primary !default;
$nav-link-disabled-color: $gray-600 !default;

$nav-link-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out !default;

// Activity card variables.
$activity-item-border-radius: $border-radius-sm !default;

// Tooltip variables.
$tooltip-border-radius: #{$border-radius-sm / 1.5} !default;

// Modal variables.
$modal-backdrop-opacity: 0.65 !default;

$grid-gutter-width: 30px !default;
$card-group-margin: $grid-gutter-width * .5 !default;
$card-deck-margin: $card-group-margin !default;
$card-gutter : $card-deck-margin * 2;

// Import FontAwesome.
@import "fontawesome";

// Import All of Bootstrap
@import "bootstrap";

// Import Core moodle CSS
@import "moodle";

// Import Liquid theme CSS.
@import "default";
