/* ==========================================================================
   云喵设计令牌（Design Tokens）—— 官网与后台共用的唯一样式变量来源
   --------------------------------------------------------------------------
   在 site.css / admin.css 之前引入本文件。所有颜色、圆角、阴影、渐变、
   字体都从这里取值，改主题只需改这一个文件。
   同时把关键值同步给 Bootstrap 的 --bs-* 变量，让框架组件自动继承品牌。
   ========================================================================== */

:root {
    /* 品牌色 */
    --m-primary: #3d6bf5;
    --m-primary-soft: #e9efff;
    --m-primary-deep: #2b4fd0;
    --m-accent: #10c98a;
    --m-accent-soft: #e2faf1;
    --m-cyan: #19c3e6;

    /* 危险色 */
    --m-danger: #e0524a;
    --m-danger-soft: #fdeceb;

    /* 文字 */
    --m-ink: #0d1526;
    --m-ink-2: #32405c;
    --m-muted: #67718a;
    --m-faint: #93a0b8;

    /* 深色区块（侧边栏 / 深色 Section） */
    --m-night: #0a101f;
    --m-night-2: #101a33;
    --m-night-line: rgba(148, 170, 255, .14);

    /* 表面 */
    --m-bg: #ffffff;
    --m-bg-soft: #f4f7fd;
    --m-line: #e6eaf4;
    --m-line-strong: #d6dcec;

    /* 圆角 */
    --m-radius: 16px;
    --m-radius-lg: 22px;
    --m-radius-xl: 30px;

    /* 阴影（扁平风：默认几乎无投影，悬停才浮起） */
    --m-shadow-flat: 0 1px 2px rgba(13, 21, 38, .05);
    --m-shadow-lift: 0 20px 48px -18px rgba(24, 45, 116, .22);
    --m-shadow-dark: 0 24px 70px -20px rgba(2, 6, 20, .55);

    /* 渐变 */
    --m-gradient-brand: linear-gradient(135deg, #3d6bf5 10%, #19c3e6 90%);
    --m-gradient-accent: linear-gradient(135deg, #10c98a, #19c3e6);
    --m-gradient-night: radial-gradient(120% 90% at 85% 0%, rgba(61, 107, 245, .35), transparent 55%),
                        radial-gradient(90% 80% at 8% 100%, rgba(16, 201, 138, .16), transparent 55%),
                        var(--m-night);

    /* 字体 */
    --m-font-sans: "Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
    --m-font-mono: ui-monospace, "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, monospace;

    /* 同步 Bootstrap 令牌 */
    --bs-body-font-family: var(--m-font-sans);
    --bs-body-color: var(--m-ink);
    --bs-body-bg: var(--m-bg);
    --bs-primary: var(--m-primary);
    --bs-link-color: var(--m-primary);
    --bs-link-hover-color: var(--m-primary-deep);
    --bs-border-color: var(--m-line);
    --bs-border-radius: var(--m-radius);
}