/* 广为海洋 VI 基础变量
 * 由 vi/tools/build_css.py 从 vi/tokens.json 生成，勿手改；色值出处见 tokens.json。
 * 用途变量与 vi/color-mapping.md 第一节一一对应：换色时按用途取变量，不按最近色替换。
 * 带透明度的颜色写成 rgb(var(--vi-xxx-rgb) / 透明度)，底色仍在白名单内。
 */
:root {
  /* —— 核心色 —— */
  --vi-blue: #1d50a2; /* 标准蓝：A1.6 标准色：CMYK C90 M70 Y0 K0；RGB 29/80/162；HEX #1d50a2 */
  --vi-black: #000000; /* 标准黑：A1.6 标准色：CMYK C100 M100 Y100 K100；RGB 0/0/0 */
  --vi-grey: #dcdddd; /* 辅助灰：A1.7 辅助色：CMYK C0 M0 Y0 K20；RGB 220/221/221；HEX #dcdddd */
  --vi-white: #ffffff; /* 白：A1.7 辅助色：HEX #ffffff（手册 RGB 印作 225/225/225，按 HEX 与矢量取 255） */
  --vi-navy: #133466; /* 藏青：A1.9 色彩搭配表的深色底（标志反白稿可用底色之一） */
  /* —— 蓝叠白（标准蓝占比 t%（10 最浅，90 最深）） —— */
  --vi-blue-90: #3462ab;
  --vi-blue-80: #4a73b5;
  --vi-blue-70: #6185be;
  --vi-blue-60: #7796c7;
  --vi-blue-50: #8ea8d0;
  --vi-blue-40: #a5b9da;
  --vi-blue-30: #bbcbe3;
  --vi-blue-20: #d2dcec;
  --vi-blue-10: #e8eef6;
  /* —— 黑叠白（标准黑占比 t%） —— */
  --vi-black-90: #1a1a1a;
  --vi-black-80: #333333;
  --vi-black-70: #4d4d4d;
  --vi-black-60: #666666;
  --vi-black-50: #808080;
  --vi-black-40: #999999;
  --vi-black-30: #b2b2b2;
  --vi-black-20: #cccccc;
  --vi-black-10: #e5e5e5;
  /* —— 蓝叠灰（标准蓝占比 t%（A1.7 原图按辅助灰占比排列，已换算）） —— */
  --vi-blue-grey-90: #305ea8;
  --vi-blue-grey-80: #436cae;
  --vi-blue-grey-70: #567ab4;
  --vi-blue-grey-60: #6988ba;
  --vi-blue-grey-50: #7d97c0;
  --vi-blue-grey-40: #90a5c5;
  --vi-blue-grey-30: #a3b3cb;
  --vi-blue-grey-20: #b6c1d1;
  --vi-blue-grey-10: #c9cfd7;
  /* —— RGB 三元组（配合透明度使用） —— */
  --vi-blue-rgb: 29 80 162;
  --vi-black-rgb: 0 0 0;
  --vi-white-rgb: 255 255 255;
  --vi-navy-rgb: 19 52 102;
  --vi-blue-50-rgb: 142 168 208;
  /* —— 按用途（见 vi/color-mapping.md） —— */
  --vi-bg-deep: var(--vi-navy); /* 大面积深底 */
  --vi-overlay-rgb: var(--vi-navy-rgb); /* 照片遮罩与半透明深底（rgb(var(--vi-overlay-rgb) / 原透明度)） */
  --vi-text-heading: var(--vi-black); /* 标题文字（浅底） */
  --vi-text-body: var(--vi-black-80); /* 正文文字（浅底，所有材料统一） */
  --vi-text-secondary: var(--vi-black-60); /* 次要文字（浅底） */
  --vi-text-secondary-on-grey: var(--vi-black-70); /* 次要文字（辅助灰 / 蓝叠白 20% 底上） */
  --vi-text-on-dark: var(--vi-white); /* 深底上的正文 */
  --vi-text-on-dark-secondary: var(--vi-blue-30); /* 深底上的次要文字 */
  --vi-eyebrow-on-dark: var(--vi-blue-30); /* 深底上的眉题与小标签 */
  --vi-link-on-dark: var(--vi-white); /* 深底上的链接（须加下划线等非颜色提示） */
  --vi-link: var(--vi-blue); /* 链接与强调（浅底） */
  --vi-line: var(--vi-grey); /* 线条与边框（浅底） */
  --vi-line-strong: var(--vi-blue-70); /* 图中连线 / 需 3:1 的边框 */
  --vi-line-on-dark: var(--vi-blue-50); /* 深底上的线条 */
  --vi-tint-on-dark-rgb: var(--vi-blue-50-rgb); /* 深底上的半透明高亮（rgb(var(--vi-tint-on-dark-rgb) / 原透明度)） */
  --vi-bg-light: var(--vi-blue-10); /* 浅底与隔行底 */
  --vi-bg-card: var(--vi-blue-10); /* 卡片底（白底区） */
  --vi-bg-card-on-light: var(--vi-white); /* 卡片底（浅底区） */
  --vi-gradient-deep: linear-gradient(135deg, var(--vi-navy), var(--vi-blue)); /* 深色渐变 */
  --vi-accent-mark: var(--vi-blue); /* 小面积强调色块 */
  --vi-accent-mark-on-dark: var(--vi-blue-50); /* 小面积强调色块（深底） */
  --vi-btn-bg: var(--vi-blue); /* 按钮底 */
  --vi-btn-bg-hover: var(--vi-navy); /* 按钮悬停底 */
  --vi-btn-text: var(--vi-white); /* 按钮文字 */
  --vi-footer-bg: var(--vi-navy); /* 页脚底 */
  --vi-shadow-rgb: var(--vi-navy-rgb); /* 阴影（rgb(var(--vi-shadow-rgb) / 原透明度)） */
  /* —— 字体：西文首选 Helvetica，中文首选 Noto Sans SC（思源黑体同一套字形），其后为回退 —— */
  --vi-font-sans: Helvetica, Arial, "Noto Sans SC", "Source Han Sans SC", "思源黑体", "PingFang SC", "Microsoft YaHei", sans-serif;
  --vi-font-mono: Menlo, Consolas, "Courier New", monospace; /* 仅代码块 */
  /* —— 标志 —— */
  --vi-logo-min-height: 36px; /* 屏幕最小高度，依据见 vi/README.md */
  --vi-logo-min-height-en: 48px; /* 英文页页头等需要看清 GW-OCEAN 的位置 */
  --vi-logo-clear-ratio: 0.28; /* 安全空间：四周 ≥ 标志高度 × 0.28（A1.5 的 1A），用法 calc(高度 * var(--vi-logo-clear-ratio)) */
}