/* ============================================================
   SoeayCMS 官网设计令牌（Design Tokens）V1.0
   方向：沉稳企业蓝 · 现代商业软件官网
   说明：所有颜色/字号/圆角/阴影/间距统一在此维护
   ============================================================ */

:root {
    /* ---------- 品牌色（取自 Logo 青蓝，延展为 12 级色阶） ---------- */
    --brand-50:  #f0f8fe;
    --brand-100: #dceffc;
    --brand-200: #b7def8;
    --brand-300: #86c6f2;
    --brand-400: #4da8e8;
    --brand-500: #1f8bd8;   /* 主品牌色 */
    --brand-600: #0c70bd;   /* 主行动色 */
    --brand-700: #0b5a99;
    --brand-800: #0e4a7d;
    --brand-900: #103f69;
    --brand-950: #0a2a49;

    /* ---------- 墨色 / 中性色（冷调灰） ---------- */
    --ink-900: #0f2236;     /* 标题 */
    --ink-800: #1b344d;
    --ink-700: #2c4863;     /* 正文强调 */
    --ink-600: #425e7a;
    --ink-500: #5d7690;     /* 次要正文 */
    --ink-400: #7e96ac;     /* 辅助说明 */
    --ink-300: #a9bccd;
    --line:    #e2eaf2;     /* 常规描边 */
    --line-strong: #cfdce8;
    --bg:       #f5f8fb;    /* 页面底色 */
    --bg-soft:  #eef3f8;
    --surface:  #ffffff;

    /* ---------- 语义色 ---------- */
    --success: #15936b;
    --success-bg: #eaf7f1;
    --warning: #c47c0a;
    --warning-bg: #fbf3e2;
    --danger:  #cf4444;
    --danger-bg: #fdeeec;

    /* ---------- 渐变与纹理 ---------- */
    --grad-brand: linear-gradient(135deg, #1f8bd8 0%, #0c70bd 55%, #0a5599 100%);
    --grad-navy:  linear-gradient(160deg, #123d6b 0%, #0a2a49 70%, #081f38 100%);
    --grad-hero-glow: radial-gradient(680px 380px at 82% -8%, rgba(77,168,232,.32), transparent 62%),
                      radial-gradient(520px 320px at 8% 108%, rgba(31,139,216,.18), transparent 60%);

    /* ---------- 字体 ---------- */
    --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", -apple-system, sans-serif;
    --font-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI Semibold", sans-serif;
    --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Courier New", monospace;

    /* ---------- 字号 ---------- */
    --fs-mega:   clamp(34px, 4.4vw, 52px);
    --fs-h1:     clamp(28px, 3.2vw, 38px);
    --fs-h2:     clamp(24px, 2.4vw, 30px);
    --fs-h3:     20px;
    --fs-lg:     17px;
    --fs-base:   15px;
    --fs-sm:     13.5px;
    --fs-xs:     12.5px;

    /* ---------- 间距（8px 栅格） ---------- */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;  --sp-10: 40px;
    --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;

    /* ---------- 圆角 ---------- */
    --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-pill: 999px;

    /* ---------- 阴影（冷蓝调） ---------- */
    --shadow-xs: 0 1px 2px rgba(15, 34, 54, .05);
    --shadow-sm: 0 2px 10px rgba(15, 42, 73, .06);
    --shadow-md: 0 10px 30px -8px rgba(13, 56, 100, .16);
    --shadow-lg: 0 24px 60px -18px rgba(10, 42, 73, .28);
    --shadow-brand: 0 10px 24px -8px rgba(12, 112, 189, .42);

    /* ---------- 布局 ---------- */
    --container: 1200px;
    --header-h: 68px;
}