/* ============================================
   妖狐后台 · 二次元「晴空蓝」设计令牌
   方案 A：晴空蓝主色 + 深空蓝侧栏 + 樱粉/青色少量点缀
   ------------------------------------------------------------
   这是全站唯一色值来源：改这里 = 全站换色。
   加载顺序必须最先（admin-theme.css 及组件层都消费这些变量）。
   ============================================ */
:root {
    /* —— 主色梯度（晴空蓝）—— */
    --p-50: #F4FAFF;
    --p-100: #EAF4FF;
    --p-200: #D6EAFF;
    --p-300: #A9D4FF;
    --p-400: #7FD2FF;
    --p-500: #4C9DFF;   /* 主色 */
    --p-600: #3A86F0;   /* 实心按钮（白字可读）/ hover */
    --p-700: #2E6FD6;   /* 按下 / 激活 */

    /* 旧变量名兼容（历史样式继续生效） */
    --primary: var(--p-500);
    --primary-dark: var(--p-600);
    --primary-light: var(--p-400);

    /* —— 强调渐变 —— */
    --g-main: linear-gradient(135deg, #7FD2FF 0%, #4C9DFF 55%, #6C7BFF 100%);
    --g-main-h: linear-gradient(135deg, #98DCFF 0%, #4C9DFF 55%, #7C8BFF 100%);
    --g-side: linear-gradient(180deg, #16223A 0%, #0C1626 100%);   /* 深空蓝夜空 */

    /* —— 点缀色（严格控制在 10%）—— */
    --a-pink: #FF8FC7;
    --a-pink-soft: rgba(255, 143, 199, .16);
    --a-cyan: #5FE3E0;
    --a-cyan-soft: rgba(95, 227, 224, .16);
    --a-purple: #6C7BFF;

    /* —— 语义色 —— */
    --ok: #42C88A;
    --ok-soft: rgba(66, 200, 138, .12);
    --warn: #FFB74D;
    --warn-soft: rgba(255, 183, 77, .14);
    --danger: #FF5C7A;
    --danger-soft: rgba(255, 92, 122, .12);
    --info: var(--p-500);

    /* —— 背景 / 中性 —— */
    --bg: #F2F7FF;
    --content-bg: #F2F7FF;
    --card-solid: #FFFFFF;
    --card-bg: #FFFFFF;
    --border: #DCE9F8;
    --border-strong: #C6DDF5;
    --text-main: #1E2A3A;
    --text-2: #6B7C93;
    --text-secondary: var(--text-2);
    --text-3: #9AAAC2;

    /* 侧栏 / 顶栏（兼容旧变量名） */
    --sidebar-bg: var(--g-side);
    --sidebar-hover: rgba(127, 210, 255, .10);
    --sidebar-active: linear-gradient(90deg, rgba(76, 157, 255, .28) 0%, rgba(76, 157, 255, .04) 100%);
    --sidebar-text: #9FB3D1;
    --sidebar-text-active: #FFFFFF;
    --header-bg: linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 100%);

    /* —— 圆角 / 阴影 / 动效 —— */
    --r-sm: 8px;
    --r-md: 14px;
    --r-lg: 20px;
    --r-pill: 999px;
    --radius: var(--r-md);
    --shadow-sm: 0 2px 8px rgba(76, 157, 255, .08);
    --shadow: 0 8px 24px rgba(76, 157, 255, .14);
    --sh-1: var(--shadow-sm);
    --sh-2: var(--shadow);
    --ease: cubic-bezier(.22, .61, .36, 1);
    --dur: .22s;

    /* —— 侧栏夜空星点（纯 CSS 背景，无图片依赖）—— */
    --starfield:
        radial-gradient(1.4px 1.4px at 18% 10%, rgba(255, 255, 255, .85), transparent 60%),
        radial-gradient(1px 1px at 74% 18%, rgba(127, 210, 255, .9), transparent 60%),
        radial-gradient(1.6px 1.6px at 46% 42%, rgba(255, 143, 199, .7), transparent 60%),
        radial-gradient(1px 1px at 84% 58%, rgba(255, 255, 255, .6), transparent 60%),
        radial-gradient(1.3px 1.3px at 28% 70%, rgba(95, 227, 224, .75), transparent 60%),
        radial-gradient(1px 1px at 62% 86%, rgba(255, 255, 255, .5), transparent 60%);
}