/*
 * ImQi1Admin Light Theme
 *
 * 结构说明：
 * - 本文件定义所有 CSS 变量的默认值（亮色主题）
 * - dark.css 通过 @media (prefers-color-scheme: dark) 覆盖这些变量
 * - 所有组件样式统一在 style.css 中使用这些变量
 *
 * 变量命名规范：
 * --ImQi1Admin-[类别]-[状态/变体]
 *
 * 类别：bg, surface, border, text, muted, accent, link, success, warning, danger, info, control, token, table, chart, nav, overlay
 */

:root {
    color-scheme: light;

    /* ========================================
     * 基础色板 - Backgrounds
     * ======================================== */
    --ImQi1Admin-bg: #f2f3f5;
    --ImQi1Admin-sidebar: #e3e5e8;
    --ImQi1Admin-active: #d4d7dc;

    /* ========================================
     * 表面色板 - Surfaces
     * ======================================== */
    --ImQi1Admin-surface: #ffffff;
    --ImQi1Admin-surface-2: #f9fafb;
    --ImQi1Admin-surface-muted: #f3f4f6;

    /* ========================================
     * 边框色板 - Borders
     * ======================================== */
    --ImQi1Admin-border: #e5e7eb;
    --ImQi1Admin-border-strong: #d1d5db;

    /* ========================================
     * 文本色板 - Text Colors
     * ======================================== */
    --ImQi1Admin-text: #2e3338;
    --ImQi1Admin-muted: #5c5e66;
    --ImQi1Admin-placeholder: #9ca3af;
    --ImQi1Admin-on-accent: #ffffff;

    /* ========================================
     * 控件色板 - Form Controls
     * ======================================== */
    --ImQi1Admin-control-bg: #f3f4f6;
    --ImQi1Admin-control-bg-hover: #e5e7eb;
    --ImQi1Admin-control-disabled-bg: #f3f4f6;
    --ImQi1Admin-control-disabled-text: #9ca3af;
    --ImQi1Admin-focus-ring: rgba(88, 101, 242, 0.22);

    /* ========================================
     * 强调色 - Accent (Primary Brand Color)
     * ======================================== */
    --ImQi1Admin-accent: #5865f2;
    --ImQi1Admin-accent-hover: #4752c4;
    --ImQi1Admin-accent-active: #3c45a5;
    --ImQi1Admin-accent-rgb: 88, 101, 242;

    /* ========================================
     * 链接色 - Links
     * ======================================== */
    --ImQi1Admin-link: #467b96;
    --ImQi1Admin-link-hover: #499bc3;
    --ImQi1Admin-link-active: #39647a;
    --ImQi1Admin-link-disabled: #508cab;
    --ImQi1Admin-link-soft-bg: #d8e7ee;
    --ImQi1Admin-link-soft-hover: #a5cadc;

    /* ========================================
     * 语义色 - Success
     * ======================================== */
    --ImQi1Admin-success: #16a34a;
    --ImQi1Admin-success-bg: #def7ec;
    --ImQi1Admin-success-bg-alt: #e6efc2;
    --ImQi1Admin-success-text: #03543f;
    --ImQi1Admin-success-text-strong: #264409;

    /* ========================================
     * 语义色 - Warning
     * ======================================== */
    --ImQi1Admin-warning: #ea580c;
    --ImQi1Admin-warning-bg: #fff6bf;
    --ImQi1Admin-warning-text: #8a6d3b;

    /* ========================================
     * 语义色 - Danger/Error
     * ======================================== */
    --ImQi1Admin-danger: #dc2626;
    --ImQi1Admin-danger-strong: #a4403f;
    --ImQi1Admin-danger-hover: #a4403f;
    --ImQi1Admin-danger-active: #9c3e3c;
    --ImQi1Admin-danger-disabled: #c1605e;
    --ImQi1Admin-error-bg: #fde8e8;
    --ImQi1Admin-error-text: #9b1c1c;

    /* ========================================
     * 语义色 - Info
     * ======================================== */
    --ImQi1Admin-info: #2563eb;
    --ImQi1Admin-info-hover: #1e40af;
    --ImQi1Admin-info-bg: #eff6ff;

    /* ========================================
     * Token Input 组件
     * ======================================== */
    --ImQi1Admin-token-bg: #eef2ff;
    --ImQi1Admin-token-bg-selected: #dbe4ff;
    --ImQi1Admin-token-text: #2e3338;
    --ImQi1Admin-token-remove: #5c5e66;
    --ImQi1Admin-token-remove-hover: #dc2626;
    --ImQi1Admin-token-dropdown-hover: #f3f4f6;
    --ImQi1Admin-token-dropdown-selected-bg: #d8e7ee;
    --ImQi1Admin-token-dropdown-selected-text: #2e3338;

    /* ========================================
     * 表格组件 - Table
     * ======================================== */
    --ImQi1Admin-table-head: #f9fafb;
    --ImQi1Admin-table-row-odd: #ffffff;
    --ImQi1Admin-table-row-even: #f9fafb;
    --ImQi1Admin-table-row-hover: #f3f4f6;

    /* ========================================
     * 高亮与选中 - Highlights
     * ======================================== */
    --ImQi1Admin-highlight-soft: #f3f4f6;
    --ImQi1Admin-highlight-danger: #fbc2c4;
    --ImQi1Admin-highlight-warm: #fffbcc;
    --ImQi1Admin-selection-bg: #eef2ff;
    --ImQi1Admin-selection-border: #c7d2fe;

    /* ========================================
     * 图表组件 - Charts
     * ======================================== */
    --ImQi1Admin-chart-text: #374151;
    --ImQi1Admin-chart-axis: #9ca3af;
    --ImQi1Admin-chart-grid: #f3f4f6;
    --ImQi1Admin-chart-tooltip-bg: rgba(255, 255, 255, 0.95);
    --ImQi1Admin-chart-posts: #5865f2;
    --ImQi1Admin-chart-posts-soft: rgba(88, 101, 242, 0.3);
    --ImQi1Admin-chart-posts-fade: rgba(88, 101, 242, 0.05);
    --ImQi1Admin-chart-comments: #3ba55c;
    --ImQi1Admin-chart-comments-soft: rgba(59, 165, 92, 0.2);
    --ImQi1Admin-chart-comments-fade: rgba(59, 165, 92, 0.02);
    --ImQi1Admin-chart-warn: #faa61a;
    --ImQi1Admin-chart-danger: #ed4245;

    /* ========================================
     * 导航栏 - Navigation
     * ======================================== */
    --ImQi1Admin-nav-bg: #292d33;
    --ImQi1Admin-nav-bg-hover: #202328;
    --ImQi1Admin-nav-border: #383d45;

    /* ========================================
     * 遮罩层 - Overlays
     * ======================================== */
    --ImQi1Admin-overlay: rgba(0, 0, 0, 0.5);
    --ImQi1Admin-overlay-solid: #000000;
    --ImQi1Admin-hero-overlay: rgba(0, 0, 0, 0.58);

    /* ========================================
     * NProgress 加载指示器
     * ======================================== */
    --ImQi1Admin-spinner-bg: rgba(255, 255, 255, 0.98);
    --ImQi1Admin-spinner-text: #2e3338;
    --ImQi1Admin-spinner-icon-bg: rgba(0, 0, 0, 0.15);
    --ImQi1Admin-spinner-icon-active: #5865f2;
    --ImQi1Admin-spinner-border: rgba(0, 0, 0, 0.1);

    /* ========================================
     * 插件横幅 - Plugin Banner
     * ======================================== */
    --ImQi1Admin-banner-avatar-border: rgba(255, 255, 255, 0.3);
    --ImQi1Admin-banner-btn-bg: rgba(255, 255, 255, 0.2);
    --ImQi1Admin-banner-btn-hover: rgba(255, 255, 255, 0.3);
    --ImQi1Admin-banner-primary-bg: rgba(255, 255, 255, 0.9);

    /* ========================================
     * 设置标签页 - Settings Tabs (Mobile)
     * ======================================== */
    --ImQi1Admin-tabs-fade-mask: rgba(255, 255, 255, 0.95);

    /* ========================================
     * 兼容性别名 - Legacy Aliases
     * ======================================== */
    --color-discord-light: var(--ImQi1Admin-bg);
    --color-discord-sidebar: var(--ImQi1Admin-sidebar);
    --color-discord-active: var(--ImQi1Admin-active);
    --color-discord-accent: var(--ImQi1Admin-accent);
    --color-discord-text: var(--ImQi1Admin-text);
    --color-discord-muted: var(--ImQi1Admin-muted);
}

/* ========================================
 * 基础元素主题应用
 * ======================================== */

html,
body,
body.body-100,
body:not(.body-100),
.bg-discord-light {
    background-color: var(--ImQi1Admin-bg);
    color: var(--ImQi1Admin-text);
}