// Here we import the old file, but any new styles can be added directly to
// this file below

@import 'helpers/choose_contrast_color';


// First import the custom colours
@import 'colors/theme';
// Set some Bootstrap variables
$primary: $aplus-brand-primary;
$gray-base: $aplus-foreground;
$body-bg: $aplus-background;

// Next, import the functional colours
@import 'colors/functional';
/*$success: $aplus-success;
$info: $aplus-info;
$warning: $aplus-warning;
$danger: $aplus-danger;*/ // TODO: CHECK FOR REMOVAL #1442

//** Default progress bar color
$progress-bar-bg: $aplus-brand-primary;
//** Success progress bar color
$progress-bar-success-bg: $aplus-success-status-bg;
//** Warning progress bar color
$progress-bar-warning-bg: $aplus-warning-status-bg;
//** Danger progress bar color
$progress-bar-danger-bg: $aplus-danger-status-bg;
//** Info progress bar color
$progress-bar-info-bg: $aplus-info-status-bg;

// Make "Your points" accordions slightly less tall to match old BS3 version
$accordion-button-padding-y: 0.75rem !default;

// Import new font variables
@import 'variables/typography';
$font-family-sans-serif: $aplus-font-family-sans-serif;
$font-family-serif: $aplus-font-family-serif;
$font-family-monospace: $aplus-font-family-monospace;
$font-family-base: $aplus-font-family-base;
//$font-size-base:  $aplus-font-size-base;

// Make links look like in Bootstrap 3
$link-decoration: none;
$link-hover-decoration: underline;

// Make smaller headings smaller to match Bootstrap 3
$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
$h4-font-size:                $font-size-base * 1.25;
$h5-font-size:                $font-size-base;
$h6-font-size:                $font-size-base * 0.875;
$legend-margin-bottom:        1rem !default;

// Overwrite some BS5 default values
$offcanvas-horizontal-width: 100vw;
$offcanvas-vertical-height: 100vh;
$offcanvas-border-width: 0px;
$offcanvas-padding-y: 1.5rem;
$offcanvas-padding-x: 1.5rem;
$card-title-spacer-y: 0px;

// Legacy panel look for BS5 cards
//$card-bg: #f5f5f5;

@import 'vendor/bootstrap5';

// Import Bootstrap Icons (change font file directory from default)
$bootstrap-icons-font-dir: '../fonts/bootstrap-icons/fonts';
@import 'vendor/bootstrap-icons/bootstrap-icons';

@import 'vendor/highlightjs/github';
[data-bs-theme="dark"] {
    @import 'vendor/highlightjs/github-dark';
}

@import 'vendor/pygments/default';
[data-bs-theme="dark"] {
    @import 'vendor/pygments/github-dark';
}

/*!
 * A+ Legacy Styles
 */

// Start wit the "old" styles, which are going to be progressively replaced.
//** Deprecated `$screen-sm` as of v3.0.1
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
$screen-xs-max: 575px;//** Point at which the navbar becomes uncollapsed.
//** Deprecated `$screen-md` as of v3.0.1
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
//** Deprecated `$screen-lg` as of v3.0.1
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
$screen-md-max:              ($screen-lg-min - 1) !default;
$screen-sm-max:              ($screen-md-min - 1) !default;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint:     $screen-sm-min !default;
//** Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
// Basics of a navbar
$navbar-height:                    2.5rem; // default 3.125rem
$navbar-margin-bottom:             $line-height-computed !default;
$navbar-border-radius:             $border-radius !default;
$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small:         ceil(($font-size-base * .85)) !default; // ~12px
$gray-base:              #000 !default;
$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
$gray-dark:              lighten($gray-base, 20%) !default;   // #333
$gray:                   lighten($gray-base, 33.5%) !default; // #555
$gray-light:             lighten($gray-base, 46.7%) !default; // #777
$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee
$nav-link-padding:                          10px 15px !default;
$cursor-disabled:                not-allowed !default;
$form-group-margin-bottom:       15px !default;
$padding-base-vertical:     0.375rem !default;
$padding-base-horizontal:   0.75rem !default;
$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;

// Secondary button dark mode border color (600 is too light and 700 too dark)
$gray-650: #5B636A;

@import 'legacy/main';

// Next start importing the new components

/*!
 * A+ Styles
 */
@import 'base/general';
@import 'layout/base';
@import 'layout/header';
@import 'layout/footer';
@import 'components/badge';
@import 'components/breadcrumb';
@import 'components/button';
@import 'components/cookie-notice';
@import 'components/duration-input';
@import 'components/error_summary';
@import 'components/focus';
@import 'components/frontpage-cards';
@import 'components/highlight';
@import 'components/menu-notification';
@import 'components/news';
@import 'components/overlay';
@import 'components/pagination';
@import 'components/progress-bar';
@import 'components/resize';
@import 'components/ajax-search-select';
@import 'components/sidebar';
@import 'components/table';
@import 'pages/assessment';
@import 'pages/login';
@import 'pages/menu-items';
@import 'pages/profile-page';

/*!
 * A+ Protocols
 */
@import 'protocols/quiz1';
