// ============================================
// Variables
// ============================================

// Container Max Widths
$container-max-widths: (
    lg: 960px,
    xl: 1140px,
    xxl: 1240px,
    xxxl: 1320px
);

// Breakpoints
$breakpoints: (
    xs: 575px,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1300px,
    xxxl: 1400px
);

// Spacing Scale
$spacers: (
    0: 0,
    1: 0.25rem,
    2: 0.5rem,
    3: 1rem,
    4: 1.5rem,
    5: 3rem
);

// Custom Spacing (px based)
$custom-spacers: (
    10: 0.625rem,
    15: 0.9375rem,
    20: 1.25rem,
    25: 1.5625rem,
    30: 1.875rem,
    40: 2.5rem,
    50: 3.125rem,
    70: 4.375rem
);

// Border Color
$border-color: #dee2e6;

// Text Colors
$text-dark: #212529;
$text-white: #fff;

// Primary Colors
$primary-color: #0d6efd;
$secondary-color: #6c757d;
$success-color: #198754;
$danger-color: #dc3545;
$warning-color: #ffc107;
$info-color: #0dcaf0;

// Font Sizes
$font-size-base: 1rem;
$font-size-sm: 0.875rem;
$font-size-lg: 1.125rem;
$font-size-xl: 1.25rem;

// Line Heights
$line-height-base: 1.5;
$line-height-sm: 1.25;
$line-height-lg: 1.75;

// Border Radius
$border-radius: 0.25rem;
$border-radius-sm: 0.2rem;
$border-radius-lg: 0.375rem;
$border-radius-xl: 0.5rem;

// Box Shadow
$box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
$box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
$box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);