/* =====================================================================
   EndBlue 设计令牌（design tokens）
   全站（首页 / views / news / admin）唯一的颜色、字号、间距、阴影来源。
   浅色站点语境 + 深色后台语境，共享同一套品牌色。
   用法：在 main.css 或 admin base 之前引入本文件。
   ===================================================================== */
:root {
    /* ---- 品牌色 ---- */
    --eb-primary:      #0a1f44;   /* 主深蓝：标题、按钮、深色块 */
    --eb-primary-2:    #14306b;   /* 主深蓝 hover / 渐变端 */
    --eb-primary-deep: #061a35;   /* 更深，页脚/深色背景 */
    --eb-accent:       #4fd1c5;   /* 强调青：数字、链接高亮、渐变端 */
    --eb-accent-soft:  #5fb8e8;   /* 浅青：粒子、光斑 */
    --eb-gold:         #c9a14e;   /* 点缀金：金属细线 */

    /* ---- 渐变 ---- */
    --eb-grad-text:  linear-gradient(120deg, var(--eb-primary) 0%, var(--eb-accent) 100%);
    --eb-grad-hero:  linear-gradient(135deg, var(--eb-primary) 0%, var(--eb-primary-2) 100%);
    --eb-grad-line:  linear-gradient(90deg, transparent 0%, var(--eb-accent) 50%, transparent 100%);

    /* ---- 浅色站点语境 ---- */
    --eb-bg:         #fafbfd;
    --eb-bg-alt:     #eef3fa;
    --eb-bg-dark:    #0d1526;     /* 深色 section / 后台底 */
    --eb-bg-dark-2:  #16203a;     /* 深色卡片 */
    --eb-text:       #0b1e3a;
    --eb-text-soft:  #4b5b78;
    --eb-text-invert:#e6e9f2;     /* 深色底上的文字 */
    --eb-text-dim:   #9fb0d0;     /* 深色底上的弱文字 */
    --eb-border:     #d8e1ee;
    --eb-border-dark:#2a3654;     /* 深色底上的边 */

    /* ---- 字号阶 ---- */
    --eb-fs-xs:   12px;
    --eb-fs-sm:   13px;
    --eb-fs-base: 16px;
    --eb-fs-lg:   18px;
    --eb-fs-xl:   22px;
    --eb-fs-2xl:  30px;
    --eb-fs-3xl:  44px;

    /* ---- 间距阶 ---- */
    --eb-sp-1: 4px;
    --eb-sp-2: 8px;
    --eb-sp-3: 16px;
    --eb-sp-4: 24px;
    --eb-sp-5: 40px;
    --eb-sp-6: 64px;

    /* ---- 圆角 ---- */
    --eb-radius-sm: 8px;
    --eb-radius:    12px;
    --eb-radius-lg: 16px;

    /* ---- 阴影 ---- */
    --eb-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --eb-shadow-md: 0 16px 40px rgba(13, 39, 80, .10);
    --eb-shadow-lg: 0 24px 60px rgba(13, 39, 80, .14);
    --eb-shadow-glow: 0 0 0 1px rgba(95, 184, 232, .18), 0 22px 50px rgba(6, 26, 53, .22);

    /* ---- 布局 ---- */
    --eb-maxw: 1240px;
    --eb-header-h: 88px;

    /* ---- 动效 ---- */
    --eb-ease: cubic-bezier(.22, .61, .36, 1);
    --eb-dur: .25s;
}

/* 尊重系统减少动效设置：所有令牌驱动的过渡统一关闭 */
@media (prefers-reduced-motion: reduce) {
    :root { --eb-dur: 0s; }
}