// Color system
//
// Note: all of these variables use BS default values, will be eventually
// overridden by website and are declared here just to allow components
// customization (eg. form-range)

// gray-color-variables
$white: #fff !default;
$gray-400: #ced4da !default;

// color-variables
$blue: #0d6efd !default;

// theme-color-variables
$primary: $blue !default;

// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
$min-contrast-ratio: $o-frontend-min-contrast-ratio !default;

// Body

$body-bg: $white !default; // BS Default

// Components
//
// Define common padding and border radius sizes and more.

$border-width: 1px !default; // BS Default

// Fonts
//
// Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif: o-add-unicode-support-font($o-system-fonts) !default;

$font-size-base: (14 / 16) * 1rem !default;

// Inherit color for blockquote-footer, use text-muted on top of it if you want
// a muted one. This is defined here to be consistent in the whole frontend, as
// when used with background classes, it should not be forced to a gray color.
$blockquote-small-color: inherit !default;

// Link
$link-decoration: none !default;

// Tables
//
// Customizes the `.table` component with basic values, each used across all table variations.

// Bootstrap tables can basically be customized with the `$table-bg` and
// `$table-color` variables. The problem is that, by default, BS5 defines them
// so that the background-color is null (so transparent: displaying the
// background-color of its ancestors) but the color is forced to the body color
// (by default: white). This is a problem as soon as the ancestors background
// colors are a color close to the body text color: the text becomes invisible.
// We disable this behavior by not forcing a text color for tables.
$table-color: inherit !default;

// Forms

$input-transition: background-color .05s ease-in-out, border-color .05s ease-in-out, box-shadow .05s ease-in-out !default;

$form-check-input-border: $border-width solid $gray-400 !default;
$form-check-input-border-radius: 0 !default;

$form-range-track-height: .1rem !default;
$form-range-thumb-border: $border-width solid $primary !default;
$form-range-thumb-bg: $body-bg !default;
$form-range-thumb-active-bg: $primary !default;

// Figures

// Inherit color for figure-caption, use text-muted on top of it if you want
// a muted one. This is defined here to be consistent in the whole frontend, as
// when used with background classes, it should not be forced to a gray color.
$figure-caption-color: inherit !default;

// Offcanvas

$offcanvas-border-width: 0 !default;
$offcanvas-backdrop-opacity: .3 !default;