// 在引入Bootstrap前自定义变量

// 主题颜色 - 根据需要修改这些值
$primary: #6366f1; // 靛蓝色 (Indigo)
$secondary: #6c757d; // 灰色
$success: #198754; // 绿色
$info: #0dcaf0; // 浅蓝色
$warning: #ffc107; // 黄色
$danger: #dc3545; // 红色
$light: #f8f9fa; // 浅色
$dark: #212529; // 深色

$indigo-50: #eef2ff;
$indigo-100: #e0e7ff;
$indigo-500: #6366f1;
$violet-50: #f5f3ff;
$violet-100: #ede9fe;
$neutral-600: #525252;
$zinc-600: #52525b;
// 字体
$font-family-sans-serif: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    sans-serif;
$font-size-base: 1rem;

// 其他自定义
$border-radius: 0.375rem;
$box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

// 导入Bootstrap
@import 'bootstrap/scss/bootstrap';

:root {
    --bs-breadcrumb-font-size: 1.5rem;
    --bs-body-color: #171A1FFF;
    --bs-btn-color: white;
    --bs-btn-hover-color: white;

}

.btn-primary {
    --bs-btn-color: white !important;
    --bs-btn-hover-color: white !important;
}


#root {
    background-color: #f5f3ff;
}

a {
    text-decoration: none !important;
    &:hover {
        text-decoration: none !important;
    }
}