/* ========================================
   设计系统变量
   第七届全国卫生健康行业网络安全攻防大赛
   ======================================== */

:root {
  /* === 主色调：权威蓝阶 === */
  --color-navy:        #0A1F5C;   /* 深蓝导航背景 */
  --color-navy-dark:   #061440;   /* 深蓝悬停/深化 */
  --color-blue:        #1557CC;   /* 主蓝按钮/链接 */
  --color-blue-hover:  #1245A8;   /* 蓝色悬停 */
  --color-blue-light:  #E8F0FB;   /* 浅蓝背景/卡片 */
  --color-blue-mid:    #4A7FD4;   /* 中蓝装饰 */

  /* === 强调色：中国红 === */
  --color-red:         #E5252E;   /* 标准红 CTA/徽章 */
  --color-red-hover:   #C41E26;   /* 红色悬停 */
  --color-red-light:   #FEF0F0;   /* 浅红背景 */

  /* === 中性色 === */
  --color-text:        #1A1A1A;   /* 正文深色 */
  --color-text-sec:    #444444;   /* 次要文本 */
  --color-text-muted:  #666666;   /* 辅助文本 */
  --color-border:      #CCCCCC;   /* 分割线 */
  --color-border-light:#E5E5E5;   /* 浅分割线 */
  --color-bg:          #FFFFFF;   /* 页面背景 */
  --color-bg-gray:     #F5F6FA;   /* 灰色背景区块 */
  --color-bg-dark:     #0D0D1A;   /* 深色背景 */

  /* === 科技感装饰 === */
  --color-grid-bg:     rgba(21, 87, 204, 0.06);
  --color-overlay:     rgba(10, 31, 92, 0.75);

  /* === 字体系统 === */
  --font-sans: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Source Han Sans CN", sans-serif;
  --font-size-xs:    12px;
  --font-size-sm:    14px;
  --font-size-base:  16px;
  --font-size-md:    18px;
  --font-size-lg:    20px;
  --font-size-xl:    24px;
  --font-size-2xl:   32px;
  --font-size-3xl:   40px;
  --font-size-4xl:   52px;

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

  --line-height-tight:  1.4;
  --line-height-base:   1.7;
  --line-height-loose:  2.0;

  /* === 间距系统 === */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

  /* === 圆角 === */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* === 阴影 === */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.08);
  --shadow-lg:   0 10px 30px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08);
  --shadow-blue: 0 4px 20px rgba(21,87,204,0.25);
  --shadow-red:  0 4px 20px rgba(229,37,46,0.30);

  /* === 过渡 === */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
  --transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* === 布局 === */
  --container-max:   1200px;
  --container-wide:  1400px;
  --header-height:   70px;
  --notice-height:   36px;
  --header-total:    106px;  /* notice + header */

  /* === z-index 层级 === */
  --z-base:     1;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-fixed:    300;
  --z-modal:    400;
  --z-toast:    500;
}

/* === 深色模式预留 === */
@media (prefers-color-scheme: dark) {
  :root {
    /* 暂不启用自动深色模式，保持官网一致性 */
  }
}