/* ==========================================================================
   Lenrine Tec — Design Tokens
   单一色彩 / 字体 / 间距来源。任何页面都不要再自己写色值。
   来源：uploads/设计说明.txt（深海蓝主色 + 冷灰基础 + 航标色点缀）
   ========================================================================== */

:root {
  /* ---- 主色 Primary ---- */
  --navy:        #0B1F33;  /* Deep Navy — 页脚 / 深色区 / 主按钮 */
  --navy-2:      #123A5A;  /* Marine Blue */
  --blue:        #0E5A8A;  /* Ocean Blue — eyebrow / 英文副标 / 链接 */
  --navy-hover:  #07182a;

  /* ---- 基础色 Neutral ---- */
  --white:       #ffffff;
  --paper:       #F6F8FA;  /* Off White — 交替段落背景 */
  --line:        #E1E8ED;  /* Light Grey — 分割线 / 卡片描边 */
  --silver:      #AEB8C2;  /* Silver Grey — 次要标记 */
  --muted:       #5F6B76;  /* Text Grey — 正文灰 */

  /* ---- 强调色 Accent（少量使用，禁止大面积铺开）---- */
  --yellow:      #F0B429;  /* Beacon Yellow — 主 CTA / 下划线 / 序号 */
  --yellow-hi:   #ffd15d;
  --red:         #D63A2F;  /* Signal Red — 仅用于警示型标记 */
  --orange:      #F26A2E;  /* Safety Orange — 备用 */

  /* ---- 深色区之上的文字层级 ---- */
  --on-dark-1:   rgba(255,255,255,.92);
  --on-dark-2:   rgba(255,255,255,.72);
  --on-dark-3:   rgba(255,255,255,.55);
  --on-dark-line:rgba(255,255,255,.12);

  /* ---- 字体 Typography ----
     本地自托管优先（见 assets/fonts/README.md）；未安装时自动回落系统字体，
     不请求 Google Fonts —— 大陆访问不会阻塞。 */
  --sans: 'Manrope', 'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --cn:   'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', var(--sans);
  --mono: 'IBM Plex Mono', 'SFMono-Regular', ui-monospace, Consolas, monospace;

  /* ---- 形状与阴影 ---- */
  --radius:    6px;
  --radius-sm: 4px;
  --shadow-1:  0 6px 24px rgba(11,31,51,.08);
  --shadow-2:  0 12px 36px rgba(11,31,51,.14);
  --shadow-3:  0 24px 60px rgba(11,31,51,.18);

  /* ---- 版心与间距 ---- */
  --maxw:       1440px;
  --gutter:     64px;   /* 桌面左右留白，响应式里会缩小 */
  --section-y:  96px;   /* 段落上下留白 */

  /* ---- 动效 ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
}

/* 中间屏与移动端收紧版心留白 */
@media (max-width: 1100px) { :root { --gutter: 40px; --section-y: 72px; } }
@media (max-width: 720px)  { :root { --gutter: 20px; --section-y: 56px; } }

/* 尊重系统的减少动效偏好 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}