/* ============================================================
   爱弥斯 · 环境检测 —— 官网设计令牌
   方向：暖纸质轻奢（Cream / Rose / Crimson），玻璃仪表感
   规则：页面里不写十六进制，一切颜色 / 间距 / 动效都走变量
   ============================================================ */

:root {
  /* —— 原始色板 —— */
  --rose: #f6a5b8;
  --rose-soft: #fbd0d8;
  --rose-deep: #e2738c;
  --crimson: #c23a55;
  --crimson-dark: #a8324a;
  --crimson-ink: #7d1f31;
  --cream: #fdf8f3;
  --cream-deep: #f9ece5;
  --paper: #fffdfb;
  --amber: #e8b04b;
  --amber-deep: #b98228;
  --brown: #8b5a3c;
  --ink: #3a2a21;
  --ink-soft: #5d4638;
  --muted: #74594a;
  --faint: #7f6a5b;
  --night: #180d12;
  --night-2: #241016;
  --night-3: #33151d;
  --ok: #4f7d55;
  --ok-soft: #dfeadf;

  /* —— 语义别名（组件只用这些） —— */
  --bg: var(--cream);
  --surface: rgba(255, 253, 251, 0.72);
  --surface-solid: var(--paper);
  --text: var(--ink);
  --text-muted: var(--muted);
  --accent: var(--crimson);
  --accent-ink: var(--crimson-dark);
  --hairline: rgba(194, 58, 85, 0.16);
  --hairline-strong: rgba(194, 58, 85, 0.3);
  --hairline-neutral: rgba(58, 42, 33, 0.1);

  /* —— 玻璃 —— */
  --glass-bg: rgba(255, 255, 255, 0.62);
  --glass-bg-strong: rgba(255, 255, 255, 0.82);
  --glass-border: rgba(255, 255, 255, 0.8);
  --glass-blur: blur(20px) saturate(150%);

  /* —— 字体 —— */
  --font-display: "Emis Serif", "Songti SC", "STSong", "SimSun", serif;
  --font-roman: "Emis Roman", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-hand: "Emis Hand", "Kaiti SC", "KaiTi", cursive;
  --font-mono: "Emis Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --font-body: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", sans-serif;

  /* —— 字号阶梯 —— */
  --fs-hero: clamp(3rem, 1.4rem + 5.4vw, 6.4rem);
  --fs-h2: clamp(2.1rem, 1.2rem + 3.2vw, 4rem);
  --fs-h3: clamp(1.15rem, 1rem + 0.5vw, 1.45rem);
  --fs-lead: clamp(1rem, 0.94rem + 0.3vw, 1.15rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-label: 0.6875rem;

  /* —— 间距 —— */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 40px;
  --sp-6: 64px;
  --sp-7: 96px;
  --sp-8: 128px;
  --gutter: clamp(20px, 4.6vw, 64px);
  --shell: 1240px;
  --section-y: clamp(88px, 11vw, 168px);

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

  /* —— 阴影（暖色环境光，不用纯黑） —— */
  --shadow-1: 0 2px 10px rgba(139, 90, 60, 0.07);
  --shadow-2: 0 18px 44px -22px rgba(139, 90, 60, 0.32);
  --shadow-3: 0 44px 96px -42px rgba(139, 90, 60, 0.45);
  --shadow-accent: 0 20px 50px -22px rgba(194, 58, 85, 0.45);

  /* —— 动效 —— */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 180ms;
  --dur-base: 340ms;
  --dur-slow: 700ms;

  /* —— 层级 —— */
  --z-atmos: 0;
  --z-content: 1;
  --z-nav: 80;
  --z-dock: 70;
  --z-cursor: 120;
  --z-grain: 110;
  --z-toast: 130;
}