$bootstrap-icons-font-dir: '../../node_modules/bootstrap-icons/font/fonts';

$white: #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black: #000;

$light: $gray-300;
$secondary: $gray-600;
$dark: $gray-800;

$font-size-base: 1rem;

$h1-font-size: $font-size-base * 2.25;
$h2-font-size: $font-size-base * 1.25;
$h3-font-size: $font-size-base * 1.125;

$link-decoration: none;

$border-radius: 0.375rem;
$border-radius-sm: 0.25rem;
$border-radius-lg: 0.5rem;

$table-group-separator-color: $gray-300;

$enable-validation-icons: false;

$pagination-padding-x: 0;
$pagination-padding-y: 0;
$pagination-border-width: 0;
$pagination-color: $dark;
$pagination-bg: transparent;
$pagination-hover-color: darken($dark, 20%);
$pagination-active-bg: $dark;
$pagination-disabled-color: $gray-500;
$pagination-disabled-bg: transparent;
$pagination-border-radius: $border-radius-sm;

$offcanvas-horizontal-width: 260px;
$offcanvas-vertical-height: 100vh;
$offcanvas-transition-duration: 0.3s;
$offcanvas-border-width: 0;
$offcanvas-bg-color: transparent;
$offcanvas-color: $gray-200;