/* Tutorhand UI System - 主入口文件 */
/* 基于新品牌视觉系统的模块化CSS架构 */

/* ========================================
   核心文件 - 按顺序加载
   ======================================== */

/* 1. 变量系统 - 品牌色彩和全局变量 */
@import url('./core/variables.css');

/* 2. CSS重置 - 现代化重置样式 */
@import url('./core/reset.css');

/* 3. 基础样式 - 全局样式和工具类 */
@import url('./core/base.css');

/* ========================================
   组件文件 - 模块化组件系统
   ======================================== */

/* 4. 按钮组件 - 完整的按钮系统 */
@import url('./components/buttons.css');

/* 5. 表单组件 - 输入框、选择框、验证等 */
@import url('./components/forms.css');

/* 6. 导航栏组件 - 响应式导航系统 */
@import url('./components/navbar.css');

/* ========================================
   系统初始化
   ======================================== */

/* 确保CSS变量正确加载 */
:root {
    /* 验证变量是否正确加载 */
    --system-loaded: 1;
}

/* 全局动画优化 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 全局滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}

/* 全局选择文本样式 */
::selection {
    background: var(--primary-light);
    color: var(--primary-color);
}

/* 打印样式优化 */
@media print {
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    body {
        background: white !important;
        color: black !important;
    }
    
    .navbar,
    .radial-decoration,
    .burst-lines::before {
        display: none !important;
    }
}