/* ====== 灵赫系统主题 - 薯量蓝 (SL Blue) ====== */
/* 修改此文件中的变量值，全站色调同步生效 */

:root {
    /* 背景层级 */
    --bg-primary:     #f6f7fd;
    --bg-secondary:   #ffffff;
    --bg-tertiary:    #f3f7ff;
    --bg-glass:       rgba(255, 255, 255, 0.85);
    --bg-glass-hover: rgba(255, 255, 255, 0.95);

    /* 主题色 */
    --amethyst:       #4262ff;
    --amethyst-light: #637eff;
    --amethyst-dark:  #4a5aed;
    --amethyst-pale:  #e5effe;
    --amethyst-glow:  rgba(66, 98, 255, 0.12);

    /* 文字 */
    --text-primary:   #252525;
    --text-secondary: #565656;
    --text-muted:     #8c8c8c;

    /* 边框 */
    --border-main:   #dddee5;
    --border-hover:  rgba(66, 98, 255, 0.3);
    --border-subtle: rgba(0, 0, 0, 0.06);

    /* 阴影 */
    --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md:    0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-lg:    0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 12px 32px rgba(66, 98, 255, 0.1);

    /* 状态色 */
    --success-main:   #52c41a;
    --success-light:  #73d13d;
    --success-pale:   #f6ffed;
    --error-main:     #dc3545;
    --error-light:    #ff4d4f;
    --error-pale:     #fff2f0;
    --warning-main:   #ffc107;
    --warning-light:  #ffd666;
    --warning-pale:   #fffbe6;
    --info-main:      #4262ff;
    --info-light:     #637eff;
    --info-pale:      #e5effe;

    /* ↓ 覆盖 Bootstrap 变量，使 Bootstrap 组件自动套用主题色 */
    --bs-primary:          #4262ff;
    --bs-primary-rgb:      66, 98, 255;
    --bs-body-bg:          #f6f7fd;
    --bs-body-color:       #252525;
    --bs-border-color:     #dddee5;
    --bs-secondary-bg:     #ffffff;
    --bs-tertiary-bg:      #f3f7ff;
    --bs-link-color:       #4262ff;
    --bs-link-hover-color: #4a5aed;
}

/* 基础 reset（Bootstrap reboot 已覆盖大部分，此处作为保险） */
*, *::before, *::after { box-sizing: border-box; }

/* Alpine.js cloak（防止未初始化时闪烁）- 全站统一 */
[x-cloak] { display: none !important; }

/* Bootstrap Icons 旋转动画（用于 loading 场景） */
.bi-spin {
    animation: biSpin 1s linear infinite;
    display: inline-block;
}
@keyframes biSpin {
    to { transform: rotate(360deg); }
}