/* ==========================================================================
   NUDOT 复刻 — 设计令牌
   --------------------------------------------------------------------------
   来源：nudot.com.tw 首页内联样式表的 :root 声明（57 项自定义属性），
        逐项核对后原值保留，未做任何数值调整。
   字体：原站走 Adobe Typekit（forma-djr-mono / komet / lores-12，商业授权）
        + Google Fonts 兜底（Zalando Sans SemiExpanded / DM Sans /
        Bitcount Grid Single）。本项目只本地化免费的那一套，
        商业字体名保留在字体栈首位——本机装有 Typekit 字体会自动优先命中。
        完整 @font-face 见 vendor/fonts/fonts.css。
   ========================================================================== */

:root {
  /* ---- 基础色 ---- */
  --color-bg: #000;
  --color-text: #fff;

  /* ---- 排版根级 ---- */
  --type-root: clamp(13px, 12.4px + 0.2vw, 16px);

  /* ---- 字号阶梯 ---- */
  --text-2xs: clamp(0.6875rem, 0.66rem + 0.14vw, 0.75rem);
  --text-xs: clamp(0.75rem, 0.72rem + 0.22vw, 0.85rem);
  --text-sm: clamp(0.8125rem, 0.77rem + 0.28vw, 0.95rem);
  --text-base: clamp(0.9375rem, 0.9rem + 0.28vw, 1.05rem);
  --text-md: clamp(1rem, 0.94rem + 0.44vw, 1.2rem);
  --text-lg: clamp(1.125rem, 1.04rem + 0.8vw, 1.5rem);
  --text-display-xs: clamp(2rem, 3.5vw, 3.125rem);
  --text-display-sm: clamp(2.8rem, 4.6vw, 4.8rem);
  --text-display-md: clamp(3rem, 8vw, 5rem);
  --text-display-lg: clamp(4rem, 15vw, 11.5rem);
  --text-display-xl: clamp(5.5rem, 14vw, 13rem);
  --text-watermark: clamp(10rem, 22vw, 22rem);

  /* ---- 字距 ---- */
  --tracking-tight: -0.04em;
  --tracking-display: -0.02em;
  --tracking-brand: 0.02em;
  --tracking-copy: 0.03em;
  --tracking-ui: 0.05em;
  --tracking-label: 0.08em;
  --tracking-wide: 0.1em;
  --tracking-meta: 0.12em;
  --tracking-caps: 0.18em;

  /* ---- 行高 ---- */
  --leading-tight: 1;
  --leading-display: 0.88;
  --leading-body: 1.7;

  /* ---- 字体栈 ---- */
  --font-family-display: "Zalando Sans SemiExpanded", "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --font-family-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --font-family-accent: "Bitcount Grid Single", "DM Sans", "Helvetica Neue", Arial, sans-serif;

  /* ---- 自定义光标 ---- */
  --cursor-ring-size: 68px;
  --cursor-ring-rest-scale: 0.5294117647;
  --cursor-label-enter-duration: 0.16s;
  --cursor-label-exit-duration: 0.14s;
  --cursor-label-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* ---- 页面过渡层 ---- */
  --pt-bg: #000;
  --pt-top: -102%;
  --pt-bottom: 102%;

  /* ---- 立方体场景（桌面）---- */
  --scene-size: 160px;
  --scene-depth: 80px;

  /* ---- 手机立方体场景 ---- */
  --mobile-cube-size: clamp(150px, 48vw, 210px);
  --mobile-cube-depth: calc(var(--mobile-cube-size) / 2);
  --mcube-bg-z: 1;
  --mcube-fade-z: 2;
  --mcube-scene-z: 3;
  --mcube-content-z: 4;
  --mcube-title-top: 60px;
  --mcube-copy-top: 150px;
  --mcube-scene-offset: 80px;
  --mcube-inline-pad: 28px;

  /* ---- 导航菜单配色（浅色菜单态）---- */
  --ns-menu-bg: #efe6d8;
  --ns-menu-text: #171411;
  --ns-menu-accent: #c89a45;
  --ns-menu-line: rgba(23, 20, 17, 0.14);

  /* ---- 缩略图与刻度 ---- */
  --thumb-width: 120px;
  --line-base-height: 15px;
  --line-max-height: 50px;
  --line-spacing: 10px;
}

/* ==========================================================================
   复刻补充令牌（原站以字面量散落各处，这里收敛为变量，便于统一调参）
   数值全部取自原站声明，非推测值。
   ========================================================================== */

:root {
  /* 主缓动：原站出现 17 次，是品牌主运动曲线（expo-out） */
  --ease-brand: cubic-bezier(0.16, 1, 0.3, 1);
  /* 次缓动：原站出现 5 次，用于遮罩揭幕（in-out-quint） */
  --ease-curtain: cubic-bezier(0.76, 0, 0.24, 1);
  /* 交互反馈 */
  --ease-ui: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-cursor: cubic-bezier(0.22, 1, 0.36, 1);

  /* 通用时长 */
  --dur-fast: 0.18s;
  --dur-base: 0.3s;
  --dur-slow: 0.6s;
  --dur-reveal: 1.1s;

  /* 层级（取自原站 z-index 分布） */
  --z-content: 2;
  --z-overlay: 10;
  --z-fixed-ui: 50;
  --z-nav: 600;
  --z-cursor: 9999;
  --z-loader: 99999;
  --z-transition: 300000;

  /* 布局 */
  --gutter: clamp(16px, 2.4vw, 40px);
  --max-width: 1920px;
}

/* ==========================================================================
   响应式断点（原站 @media 实际使用的值，供查阅）
   767px / 768px  — 移动端主断点
   900px          — 平板
   1024px / 1023px— 小笔记本
   1280px         — 桌面
   1440px / 1560px / 1730px — 大屏
   ========================================================================== */