/* ============================================================
   VapeAurora · Design Tokens
   方向：Brutally minimal × Apple 式克制科技感
   基调：近黑底 + 单一极光青强调色 + 大量负空间
   记忆点：极光渐变只出现在光带与焦点环，正文永远不用渐变
   ============================================================ */

:root {
  /* ---- 表面：暖调近黑，避免纯 #000 的廉价死黑 ---- */
  --aur-bg:            #08090C;
  --aur-bg-elev:       #0E1015;
  --aur-surface:       #14171E;
  --aur-surface-2:     #1B1F28;
  --aur-surface-hover: #222733;

  /* ---- 文本：近白而非纯白，降低眩光 ---- */
  --aur-text:      #F5F7FA;
  --aur-text-2:    #A8B0C0;   /* 次要说明 8.7:1 */
  --aur-text-3:    #7C8598;   /* 弱化元信息 4.8:1（实测达标，非目测） */

  /* ---- 极光强调色：全站唯一强调色（10% 分配） ---- */
  --aur-accent:      #4FD8C4;
  --aur-accent-deep: #17A88F;
  --aur-accent-soft: rgba(79, 216, 196, .12);
  --aur-accent-line: rgba(79, 216, 196, .32);

  /* 极光光谱：仅用于光带/边框渐变，不用于正文 */
  --aur-spectrum: linear-gradient(115deg,
      #4FD8C4 0%, #6FB8F5 26%, #A98BF0 52%, #F2789F 74%, #FFB86B 100%);

  /* ---- 语义状态 ---- */
  --aur-warn:    #FFB86B;
  --aur-warn-bg: rgba(255, 184, 107, .10);
  --aur-danger:  #FF7A6B;

  /* ---- 描边：发丝线，不用粗框 ---- */
  --aur-line:        rgba(245, 247, 250, .09);
  --aur-line-strong: rgba(245, 247, 250, .16);

  /* ---- 字阶：1.25 模块化比例 ---- */
  --aur-f-display: clamp(2.75rem, 1.2rem + 5.2vw, 5.25rem);  /* 44 → 84 */
  --aur-f-h1:      clamp(2rem,   1.1rem + 3.1vw, 3.5rem);   /* 32 → 56 */
  --aur-f-h2:      clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);  /* 24 → 36 */
  --aur-f-h3:      1.25rem;                                  /* 20 */
  --aur-f-body:    1rem;                                     /* 16 */
  --aur-f-sm:      .875rem;                                  /* 14 */
  --aur-f-xs:      .8125rem;                                 /* 13 */
  --aur-f-micro:   .6875rem;                                 /* 11 */

  --aur-lh-display: 1.02;
  --aur-lh-tight:   1.12;
  --aur-lh-body:    1.6;

  /* 字距：展示字收紧 */
  --aur-tr-display: -0.035em;
  --aur-tr-tight:   -0.02em;
  --aur-tr-caps:    .12em;

  /* ---- 间距梯度 ---- */
  --aur-s1: 4px;  --aur-s2: 8px;   --aur-s3: 12px;
  --aur-s4: 16px; --aur-s5: 24px;  --aur-s6: 32px;
  --aur-s7: 48px; --aur-s8: 64px;  --aur-s9: 96px;
  --aur-s10: 128px;

  /* ---- 圆角：克制，小而精确 ---- */
  --aur-r-sm: 8px;
  --aur-r-md: 12px;
  --aur-r-lg: 18px;
  --aur-r-xl: 26px;
  --aur-r-pill: 999px;

  /* ---- 阴影：三级，环境色非纯黑 ---- */
  --aur-sh-1: 0 2px 8px rgba(0, 0, 0, .30);
  --aur-sh-2: 0 8px 28px rgba(0, 0, 0, .38);
  --aur-sh-3: 0 24px 64px rgba(0, 0, 0, .48);
  --aur-sh-glow: 0 0 0 1px var(--aur-accent-line), 0 12px 40px rgba(79, 216, 196, .16);

  /* ---- 动效 ---- */
  --aur-ease-out: cubic-bezier(.16, 1, .3, 1);
  --aur-dur-fast: 160ms;
  --aur-dur-base: 320ms;
  --aur-dur-slow: 640ms;

  /* ---- 布局 ---- */
  --aur-maxw: 1360px;
  --aur-gutter: 40px;

  /* ---- 字体 ---- */
  --aur-font: "Sora", "PingFang SC", "Microsoft YaHei", sans-serif;
  --aur-font-body: "Manrope", "PingFang SC", "Microsoft YaHei", sans-serif;
  --aur-font-mono: "JetBrains Mono", ui-monospace, monospace;
}

@media (max-width: 900px) {
  :root { --aur-gutter: 24px; }
}
@media (max-width: 600px) {
  :root { --aur-gutter: 18px; }
}