// Include any default variable overrides here
$font-family-base: 'Recht', sans-serif;
$headings-font-family: 'Recht', sans-serif;
$font-family-monospace: "Fira Mono", "Courier New", monospace;

$headings-font-size-base:     1rem;
$h1-font-size:                $headings-font-size-base * 2;
$h2-font-size:                $headings-font-size-base * 1.75;
$h3-font-size:                $headings-font-size-base * 1.5;
$h4-font-size:                $headings-font-size-base * 1.25;
$h5-font-size:                $headings-font-size-base * 1.125;
$h6-font-size:                $headings-font-size-base;

$border-width:                1px;
$zindex-toaster:              1071 !default;

$border-radius: .5rem;
$border-radius-sm: .375rem;
$border-radius-lg: .75rem;

$info: #5981c0;
$success: #398241;
$warning: #cda277;
$danger: #C33737;

$primary: #0B1315 !default;
$secondary: #f2f2f2;
$link-color: #1A4A97 !default;
$input-btn-focus-width: .125rem;

$input-bg: #F2F4F7 !default;
$input-border-color: #E7E8EC;
$input-border-radius: 10px;
$input-font-size: 0.875rem;
$input-font-family: "Fira Mono", "Courier New", monospace;

$input-placeholder-color: #A7AFBB;
$input-focus-bg: #F2F4F7;
$input-focus-border-color: #F2F4F7;

$form-label-margin-bottom: .1rem;
$input-focus-border: #F2F4F7;//rgb(11 49 79 / 25%);

$form-check-input-border: 1px solid rgba(#000, .08);
$form-switch-focus-color: tint-color($primary, 50%);

$modal-backdrop-bg: #222;
$modal-backdrop-opacity: .5;
$modal-content-border-width: 0;
$modal-footer-border-color: 0;

// popover
$popover-border-width: 1px;

// dropdown

// Dark theme
$dark-body-bg: #232529;// #2e3136;
$dark-border-color: #4a4a4a;
$dark-body-color: #ddd;
$dark-input-bg: #383b41;

$dark-primary: #FFCC00;
$dark-link-color: #ead272;
$dark-secondary: #464a53;
$dark-input-focus-border-color: #3d3d3d;
$dark-btn-primary-color: $dark-primary;
$dark-btn-secondary-color: $dark-secondary;
$dark-input-box-shadow: #3d3d3d;
$dark-input-focus-border: rgb(244 206 176 / 25%);

$pagination-border-width: 0;

// Fonts
$baseFontSize: 16px;
$hintFontSize: 12px;

// Border radius
$borderRadiusM: 4px;
$borderRadiusL: 8px;

// Colors
$primaryColor: #0B314F;
$primaryColor15: #DAE0E5;
$baseText: #1e1e1e;
$gray5: #F0F0F1;
$gray50: #787885;

$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "blue":       $link-color
);

// згідно з дизайном
$body-color: #22222B;
$dropdown-border-radius: .75rem;
$dropdown-padding-x: .5rem;
$dropdown-item-padding-x: .5rem;
$dropdown-link-hover-bg: #F1F2F4;
$border-color-translucent:    #00000014;
$dropdown-header-color: #A5A5A9;
$input-group-addon-bg: $input-bg;
$form-check-input-checked-bg-color: #22222B;
$form-check-input-indeterminate-bg-color: #22222B;
$nav-link-color: $primary;
