/**
 * Theme CSS Variables and Root Styles
 * Contains all CSS custom properties and global defaults
 */

[v-cloak] {
    display: none !important
}

:root {
    --site-width: 2560px;
    --wrapper-width: 1200px;
    --sidebar-width: 260px;
    --radius: 4px;
    --btn-radius: 20px;
    --gap: 16px;

    --top-menu-width: 2560px;
    --top-menu-height: 56px;
    --top-menu-bg-color: #ffffff;
    --top-menu-text-color: #333333;

    --theme-color: #3858f6;
    --color-primary: var(--theme-color);
    --color-text-primary: #1f2937;
    /**主要文字色 - 更深，对比度更好**/
    --color-text-regular: #6b7280;
    /**常规文字色 - 更清晰易读**/
    --color-text-secondary: #9ca3af;
    /**次要文字色 - 保持层次感**/
    --color-text-placeholder: #d1d5db;
    /****占位文字色*****/
    --border-color-base: #f7f7f7;
    /**边框色**/
    --border-color-muted: #f7f7f7;
    --color-white: #FFFFFF;
    --bg-body-color: #f6f7f9;
    --bg-main-color: var(--color-white);
    /**box**/
    --bg-text-color: rgba(56, 88, 246, var(--opacity, 0.1));
    --bg-muted-color: var(--bg-body-color);
}