/*
 * Helsincy Mod Manager — 官网设计令牌
 * 主题：极地档案 Polar Dossier
 * 与应用内 src/shared/styles/tokens.css 语义同源，但取更深的“冰原夜”色阶。
 */

:root {
  /* ---- 基底：深空蓝黑 ---- */
  --ink-980: #04070f;
  --ink-950: #060b16;
  --ink-900: #080f1d;
  --ink-850: #0b1425;
  --ink-800: #0f1a2e;
  --ink-750: #142338;
  --ink-700: #1a2c45;

  /* ---- 分割线 ---- */
  --line: #1f3651;
  --line-strong: #24405f;
  --line-soft: #16253a;
  --line-hair: rgb(120 190 235 / 12%);

  /* ---- 文本：霜色阶 ---- */
  --frost-050: #f2fbff;
  --frost-100: #e2f1fb;
  --frost-300: #b0cbe0;
  --frost-500: #7c9ab7;
  --frost-600: #5d7b98;
  --frost-700: #40566e;

  /* ---- 强调色 ---- */
  --ice-300: #9ee9ff;
  --ice-400: #5fd8ff;
  --ice-500: #24c1f0;
  --ice-600: #0b9fd0;
  --glacier: #6c8cff;
  --glacier-deep: #3f5ce0;
  --jade: #4fe0b0;
  --ember: #f7a93b;
  --coral: #ff7a6b;

  /* ---- 透明叠加 ---- */
  --ice-a04: rgb(95 216 255 / 4%);
  --ice-a08: rgb(95 216 255 / 8%);
  --ice-a14: rgb(95 216 255 / 14%);
  --ice-a24: rgb(95 216 255 / 24%);
  --ice-a40: rgb(95 216 255 / 40%);
  --glass: rgb(14 26 45 / 62%);
  --glass-strong: rgb(9 17 31 / 88%);

  /* ---- 字体 ---- */
  --font-display: "Chakra Petch", "Noto Serif SC", "Songti SC", serif;
  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  --font-body: "Sora", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "Chakra Petch", ui-monospace, "SF Mono", Consolas, monospace;

  /* ---- 字号阶梯（流体） ---- */
  --fs-hero: clamp(2.75rem, 1.1rem + 5.4vw, 6.5rem);
  --fs-h2: clamp(1.9rem, 1rem + 2.6vw, 3.4rem);
  --fs-h3: clamp(1.15rem, 0.9rem + 0.8vw, 1.6rem);
  --fs-lead: clamp(1rem, 0.92rem + 0.36vw, 1.22rem);
  --fs-body: clamp(0.94rem, 0.9rem + 0.16vw, 1.02rem);
  --fs-small: 0.82rem;
  --fs-micro: 0.7rem;

  /* ---- 节奏 ---- */
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --shell: 1240px;
  --shell-wide: 1480px;
  --section-y: clamp(5rem, 9vw, 9.5rem);

  /* ---- 圆角 ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* ---- 阴影与光晕 ---- */
  --glow-ice: 0 0 0 1px var(--ice-a24), 0 18px 60px rgb(36 193 240 / 18%);
  --glow-soft: 0 0 40px rgb(95 216 255 / 10%);
  --shadow-panel: 0 32px 90px rgb(2 6 14 / 70%), 0 2px 0 rgb(255 255 255 / 4%) inset;
  --shadow-card: 0 20px 50px rgb(2 6 14 / 55%);
  --shadow-lift: 0 34px 80px rgb(2 6 14 / 72%);

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur: 380ms;
  --dur-slow: 900ms;

  /* ---- 噪点颗粒（SVG feTurbulence 内联） ---- */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");
}

/*
 * 超宽屏（4K 常见的 150% 缩放下 CSS 视口约 2400px）：
 * 只放宽 --shell-wide，让首屏应用窗口和能力网格更有气势。
 * --shell 保持 1240px 不动——正文行宽再拉长就不好读了。
 */
@media (width >= 1920px) {
  :root {
    --shell-wide: 1720px;
  }
}