// Colors
$custom-primary-color: #fff;
$custom-secondary-color: #000;
$text-color: #0172b4;

// More Colors
$custom-success-color: #28a745;
$custom-info-color: #17a2b8;
$custom-warning-color: #ffc107;
$custom-danger-color: #dc3545;
$custom-light-color: #f8f9fa;
$custom-dark-color: #343a40;

// custom colors
$gardient-color-1: #0172b4;
$gardient-color-2: #01a0ba;
$gardient-color-3: #d5508e;
$gardient-color-4: #f28276;
$scale: $gardient-color-1 15%, $gardient-color-2 30%, $gardient-color-3 70%,
  $gardient-color-4 85%;
$scale-btn: $gardient-color-1 30%, $gardient-color-3 80%;
$scale-btn-hover: $gardient-color-2 30%, $gardient-color-4 80%;

// Font weights
$font-weight-regular: 400;
$font-weight-bold: 700;
$font-weight-bolder: 900;

// Font Sizes
$custom-font-size-base: 18px;

// Breakpoints
$custom-breakpoint-xs: 0; // Extra small devices (portrait phones)
$custom-breakpoint-sm: 576px; // Small devices (landscape phones)
$custom-breakpoint-md: 768px; // Medium devices (tablets)
$custom-breakpoint-lg: 992px; // Large devices (desktops)
$custom-breakpoint-xl: 1200px; // Extra large devices (large desktops)

// Z-index
$custom-z-index-dropdown: 1000;
$custom-z-index-sticky: 1020;
$custom-z-index-fixed: 1030;
$custom-z-index-modal-backdrop: 1040;
$custom-z-index-modal: 1050;

// Borders
$custom-border-radius: 0.25rem;
$custom-border-width: 1px;
$custom-border-color: #ced4da;

// Shadows
$custom-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

// Opacity
$custom-opacity-disabled: 0.65;

// Transitions
$custom-transition-duration: 0.3s;

// Others
$custom-line-height-base: 1.5;