/* ============================================================
 * 曼恩资产交易数智管理系统 - CSS 变量定义（设计令牌层）
 * 视觉基准：曼恩斯特 manst.com 「公司简介 / 企业文化」页面实测语言
 *   深海军蓝压阵 · 浅色编辑级内容区 · 方正克制 · 细线分割 · 大留白
 * ⚠️ 全部变量名保持向后兼容，各业务模块通过变量自动继承新视觉
 * ============================================================ */

:root {
  /* ==========================================================
   * 品牌色 · 曼恩斯特深海军蓝（顶栏/侧边栏/标题/激活块）
   * 来源：官网激活页签块 #12233D、文化卡片 #0E2C47→#123B5E
   * ========================================================== */
  --color-primary:        #0f2c4a;   /* 品牌深海军蓝 */
  --color-primary-light:  #17396b;   /* 品牌蓝（年份/链接色） */
  --color-primary-dark:   #0a1f36;   /* 更深沉 */
  --color-primary-deep:   #12233d;   /* 官网页签激活块色 */
  --color-primary-bg:     rgba(15, 44, 74, 0.055);
  --color-primary-border: rgba(15, 44, 74, 0.14);

  /* ==========================================================
   * 强调色 · 品牌蓝（按钮/链接/选中态）
   * 替换原通用亮蓝 #2563eb，统一收进品牌色域
   * ========================================================== */
  --color-accent:         #17396b;
  --color-accent-light:   #24508c;
  --color-accent-dark:    #0f2c4a;
  --color-accent-bg:      rgba(23, 57, 107, 0.06);
  --color-accent-border:  rgba(23, 57, 107, 0.20);

  /* ==========================================================
   * 预警色 · 琥珀（低饱和，稳重不刺眼）
   * ========================================================== */
  --color-warning:        #b3771c;
  --color-warning-light:  #c9902f;
  --color-warning-dark:   #8f5d10;
  --color-warning-bg:     rgba(179, 119, 28, 0.08);
  --color-warning-border: rgba(179, 119, 28, 0.24);

  /* ==========================================================
   * 成功色 · 深玉绿（正常/完成状态）
   * ========================================================== */
  --color-success:        #2c7355;
  --color-success-light:  #3d8f6d;
  --color-success-dark:   #1f5740;
  --color-success-bg:     rgba(44, 115, 85, 0.08);
  --color-success-border: rgba(44, 115, 85, 0.24);

  /* ==========================================================
   * 危险色 · 砖红（错误/删除/最高警示）
   * ========================================================== */
  --color-danger:         #b03e38;
  --color-danger-light:   #c75a54;
  --color-danger-dark:    #8d2f2a;
  --color-danger-bg:      rgba(176, 62, 56, 0.08);
  --color-danger-border:  rgba(176, 62, 56, 0.24);

  /* ==========================================================
   * 信息色 · 钢蓝（信息提示）
   * ========================================================== */
  --color-info:           #2b6a91;
  --color-info-light:     #3d86b3;
  --color-info-dark:      #1f506f;
  --color-info-bg:        rgba(43, 106, 145, 0.08);
  --color-info-border:    rgba(43, 106, 145, 0.24);

  /* ==========================================================
   * 背景色
   * ========================================================== */
  --bg-page:       #f5f6f8;   /* 页面背景 - 官网内容区浅灰白 */
  --bg-card:       #ffffff;   /* 卡片背景 - 白色 */
  --bg-sidebar:    #0f2c4a;   /* 侧边栏背景 - 深海军蓝 */
  --bg-topbar:     #ffffff;   /* 顶栏背景 - 白色 */
  --bg-hover:      #f2f4f7;   /* 悬停背景 */
  --bg-active:     rgba(23, 57, 107, 0.06);  /* 选中背景 */
  --bg-disabled:   #f2f4f7;   /* 禁用背景 */
  --bg-overlay:    rgba(10, 31, 54, 0.55);   /* 遮罩层背景 */
  --bg-input:      #ffffff;   /* 输入框背景 */

  /* ==========================================================
   * 文字色
   * ========================================================== */
  --text-heading:     #0f2c4a;  /* 标题文字 - 品牌深蓝 */
  --text-primary:     #1c2b3a;  /* 正文文字 */
  --text-secondary:   #5b6b7c;  /* 次要文字 */
  --text-tertiary:    #8b98a6;  /* 辅助文字 */
  --text-placeholder: #a3aeba;  /* 占位符文字 */
  --text-inverse:     #ffffff;  /* 深色背景上的文字 - 白色 */
  --text-sidebar:        rgba(255, 255, 255, 0.70);  /* 侧边栏文字 */
  --text-sidebar-active: #ffffff;                    /* 侧边栏选中文字 */
  --text-link:        #17396b;  /* 链接文字 */

  /* ==========================================================
   * 边框色
   * ========================================================== */
  --border-color:   #e4e8ed;
  --border-light:   #eef1f4;
  --border-medium:  #d0d7de;
  --border-dark:    #9fabb8;

  /* ==========================================================
   * 字体
   * 官网实测字体栈：Noto Sans SC / 思源黑体 / 苹方
   * ========================================================== */
  --font-family: "Noto Sans SC", "Source Han Sans SC", "Source Han Sans CN",
                 "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
                 -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-family-num: "DIN Alternate", "Bahnschrift", "Segoe UI", var(--font-family);

  --font-size-xs:   11px;
  --font-size-sm:   12px;
  --font-size-base: 14px;
  --font-size-md:   15px;
  --font-size-lg:   16px;
  --font-size-xl:   18px;
  --font-size-2xl:  20px;
  --font-size-3xl:  24px;
  --font-size-4xl:  28px;

  --font-weight-normal:  400;
  --font-weight-medium:  500;
  --font-weight-semibold:600;
  --font-weight-bold:    700;

  --line-height-tight:   1.25;
  --line-height-normal:  1.5;
  --line-height-relaxed: 1.75;

  /* 中文字距（海外/大标题用，制造编辑级呼吸感） */
  --letter-spacing-wide: 0.06em;
  --letter-spacing-mid:  0.03em;

  /* ==========================================================
   * 卡片
   * ========================================================== */
  --card-radius:    3px;
  --card-shadow:    0 1px 2px rgba(15, 44, 74, 0.04);
  --card-shadow-hover: 0 8px 24px rgba(15, 44, 74, 0.10);
  --card-padding:   22px;
  --card-gap:       20px;

  /* ==========================================================
   * 间距变量
   * ========================================================== */
  --spacing-xs:  4px;
  --spacing-sm:  8px;
  --spacing-md:  16px;
  --spacing-lg:  24px;
  --spacing-xl:  32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  /* ==========================================================
   * 布局尺寸
   * ========================================================== */
  --topbar-height:     60px;
  --sidebar-width:     248px;
  --sidebar-collapsed: 68px;
  --content-padding:   26px;
  --content-max-width: 1440px;

  /* ==========================================================
   * 圆角（收敛到 2–4px，「方正克制」）
   * ========================================================== */
  --radius-sm:  2px;
  --radius-md:  3px;
  --radius-lg:  4px;
  --radius-xl:  6px;
  --radius-2xl: 8px;
  --radius-full: 9999px;

  /* ==========================================================
   * 阴影（统一染上海军蓝，避免灰扑扑的模板感）
   * ========================================================== */
  --shadow-sm:  0 1px 2px rgba(15, 44, 74, 0.05);
  --shadow-md:  0 2px 8px rgba(15, 44, 74, 0.07);
  --shadow-lg:  0 10px 28px rgba(15, 44, 74, 0.10);
  --shadow-xl:  0 18px 44px rgba(15, 44, 74, 0.14);
  --shadow-2xl: 0 28px 64px rgba(15, 44, 74, 0.18);

  /* 聚焦环 */
  --focus-ring: 0 0 0 3px rgba(23, 57, 107, 0.13);

  /* ==========================================================
   * 品牌专用令牌（深蓝智库型外壳）
   * ========================================================== */
  --brand-gradient:      linear-gradient(158deg, #17396b 0%, #0f2c4a 52%, #0a1f36 100%);
  --brand-gradient-soft: linear-gradient(158deg, #1b4278 0%, #12324f 100%);
  --brand-hairline:      rgba(255, 255, 255, 0.10);
  --brand-rule:          linear-gradient(90deg, #17396b 0%, #3f6fa8 55%, rgba(63, 111, 168, 0) 100%);
  --brand-glow:          radial-gradient(1200px 340px at 10% -10%, rgba(23, 57, 107, 0.055), transparent 62%);

  /* ==========================================================
   * 过渡动画
   * ========================================================== */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   0.35s cubic-bezier(0.4, 0, 0.2, 1);

  /* ==========================================================
   * Z-index 层级
   * ========================================================== */
  --z-dropdown:  100;
  --z-sticky:    200;
  --z-sidebar:   300;
  --z-modal:     1000;
  --z-toast:     2000;
  --z-tooltip:   3000;
}