/* ============================================================
   theme-7.tokens.css  —  Theme 7 · Ocean Flow (天蓝)
   版本: T7_OCEAN_FLOW_V1 · 2026-04-19
   定位: 浅底冷调 · 科技流体 · SaaS 现代感
   主色: #0ea5e9 (Sky 500)
   页面底: #f0f9ff (冰蓝白, Sky 50)
   Header: #ffffff 实色纯白
   Footer: #082f49 深海蓝
   Hero: 四色 hex 斜渡, 顶部 sky 亮 → 底部 深海黑蓝
          激进三色/四色渐变为本主题"秀场"
   CTA: 三色 flow 渐变 (38bdf8 → 0ea5e9 → 0284c7)

   与其它蓝系主题的区分:
     - T1 Teal #0d9488 偏绿; T7 偏 cyan
     - T2 Royal Blue #2563eb 偏紫正蓝; T7 偏 sky cyan
     - T5 Indigo #6366f1 偏紫靛; T7 完全不带紫调
     T7 的辨识位: Sky + Cyan 冷感流体, 科技风, 不带紫调

   —— 单主色硬规则 (V2 收紧) ————————————————————————————————
   本主题仅使用 Sky/Cyan 家族作为强调色。
   严禁再引入第二种装饰色 (粉 / 紫 / 绿 / 金 等)。
   —————————————————————————————————————————————————————

   —— 全主题 · 禁用大面积半透明背景硬规则 ————————————————
   Surface 级背景禁止 rgba(r,g,b,<1) / backdrop-filter 组合。
   详细白名单见 04_主题适配.md §3.5
   —————————————————————————————————————————————————————

   覆盖原则 (与 theme-3/4/5 浅底同构):
     - T7 是浅底主题, 与 T1/T3/T4/T5 同构, 与 T2/T6 深底相反
     - --color-text-inverse 保持浅底默认近白 #fafaf9 即可
     - on-* 全家族走 base 默认, 不需要翻转
     - 跨组件语义层通过 --color-primary 自动联动

   选择器 (与 theme-2/3/4/5/6 对齐):
     token 层用 :root; ParserController 每次只分发一份 theme-N
   ============================================================ */

:root {
  /* ========== 主色系 · Sky/Cyan family ========== */
  --color-primary: #0ea5e9;
  --color-primary-hover: #0284c7;
  --color-primary-active: #0369a1;
  --color-primary-tint: #38bdf8;
  --color-primary-light: rgba(14, 165, 233, 0.12);
  --color-primary-lighter: rgba(14, 165, 233, 0.06);
  --color-primary-dark: #0c4a6e;

  /* ========== 文本层 · 浅底不翻转 ========== */
  --color-text: #082f49;
  --color-text-secondary: #334155;
  --color-text-muted: #94a3b8;
  --color-text-inverse: #f0f9ff;
  --color-secondary: #64748b;

  /* ========== 背景层 · 冰蓝白家族 ========== */
  --color-bg: #f0f9ff;
  --color-bg-primary: #f0f9ff;
  --color-bg-secondary: #e0f2fe;
  --color-bg-tertiary: #bae6fd;
  --color-bg-quaternary: #7dd3fc;
  --color-bg-dark: #0c4a6e;
  --color-bg-darker: #082f49;

  --color-header-bg: #ffffff;
  --color-footer-bg: #082f49;
  --color-footer-text: #bae6fd;

  /* ========== 边框层 ========== */
  --color-border: rgba(14, 165, 233, 0.15);
  --color-border-light: rgba(14, 165, 233, 0.07);
  --color-border-dark: rgba(14, 165, 233, 0.25);
  --color-border-focus: #0ea5e9;
  --color-border-glow-primary: rgba(14, 165, 233, 0.35);

  /* ========== Overlay ========== */
  --color-overlay: rgba(8, 47, 73, 0.6);
  --color-overlay-light: rgba(8, 47, 73, 0.3);
  --overlay-accent-10: rgba(14, 165, 233, 0.1);
  --overlay-primary-10: rgba(14, 165, 233, 0.1);
  --overlay-primary-15: rgba(14, 165, 233, 0.15);
  --overlay-primary-20: rgba(14, 165, 233, 0.2);
  --overlay-primary-30: rgba(14, 165, 233, 0.3);
  --overlay-primary-40: rgba(14, 165, 233, 0.4);
  --overlay-primary-50: rgba(14, 165, 233, 0.5);

  /* ========== 阴影 · sky blue tinted ==========
     注: 阴影 rgba 不受 "禁大面积半透明" 规则约束 */
  --shadow-glow-primary: 0 8px 32px rgba(14, 165, 233, 0.24), 0 2px 8px rgba(14, 165, 233, 0.12);
  --shadow-focus: 0 0 0 3px rgba(14, 165, 233, 0.25);
  --shadow-card: 0 2px 10px rgba(14, 165, 233, 0.08);
  --shadow-card-hover: 0 8px 24px rgba(14, 165, 233, 0.14);

  /* ========== Glass · V2 实色退化 ========== */
  --glass-bg: #ffffff;

  /* ============================================================
     Hero 激进四色斜渡 · 流体海洋感, 顶部 sky 亮 → 底部 深渊
     对齐用户要求: 比 T5 再激进一点三色/四色 hex linear-gradient
     色停点: 顶部 sky 亮蓝 (水面阳光反射)
              35% 过深海蓝 (中层洋流)
              70% 过深渊蓝 (深水沉降)
              100% 近全黑 (海沟)
     走 160deg 斜向, 呼应"流体感"主题定位
     ============================================================ */
  --color-gradient-radial:
    linear-gradient(160deg,
      #0c4a6e 0%,
      #082f49 35%,
      #042f49 70%,
      #020617 100%
    );

  --color-gradient-cta: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 40%, #0284c7 100%);

  /* ============================================================
     跨组件语义层 · T7 继承说明
     T7 是 "浅底 + 天蓝主色" 结构, 与 T1/T3/T4/T5 同构
     下列语义 token 通过 base 层 lazy var() 自动联动:
       --hero-tip-bg / border        → base: overlay-white-* (白文字在深海 Hero 暗底上)
       --hero-badge-bg / border      → base: overlay-primary-* (已随 primary 变天蓝)
       --hero-trust-num-text         → base: --color-text-on-dark (Hero 深海底上近白)
       --badge-primary-*             → base: --color-primary + --color-text-on-primary
       --tag-active-*                → base: --color-primary
       --price-tag-*                 → base: --color-gradient-primary (联动 Sky family)
       --cta-primary-*               → base: --color-primary + shadow-glow-primary
       --cta-secondary-*             → base: --color-primary outline + light hover
       --alert-*                     → base: 语义色 family
       --panel-*                     → base: bg-section / bg-section-alt
     T7 浅底白卡, card-bg-elevated 保持 base 默认 #ffffff 即可, 不做覆盖
     ============================================================ */
}