/* ==========================================================================
   恩柠科技 · Design tokens
   颜色 / 字体 / 圆角 / 阴影 / 动效曲线 / 间距，全站唯一来源
   ========================================================================== */

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/space-grotesk-var.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-var.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}

:root {
  /* Surfaces */
  --c-bg: #07080a;
  --c-bg-deep: #050607;
  --c-surface: #0e1013;
  --c-surface-2: #14171b;
  --c-surface-3: #1b1f25;

  /* Lines */
  --c-line: rgba(255, 255, 255, 0.08);
  --c-line-2: rgba(255, 255, 255, 0.14);
  --c-line-3: rgba(255, 255, 255, 0.28);

  /* Text */
  --c-text: #f2f3f0;
  --c-text-2: #c9cdd3;
  --c-muted: #a3a9b1;
  --c-dim: #7c838c;

  /* Brand */
  --c-lemon: #d7f94a;
  --c-lemon-hi: #ecff9e;
  --c-cyan: #5ee6f0;
  --c-on-lemon: #07080a;
  --grad-brand: linear-gradient(90deg, #d7f94a, #5ee6f0);
  --glow-lemon: rgba(215, 249, 74, 0.16);
  --glow-cyan: rgba(94, 230, 240, 0.12);

  /* Type：拉丁字形用 Space Grotesk，中文回落到系统字体（苹方 / 微软雅黑），无需加载中文字体包 */
  --font-display: "Space Grotesk", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-h1: clamp(40px, 5.4vw, 80px);
  --fs-h2: clamp(26px, 4.2vw, 56px);
  --fs-h3: clamp(22px, 2vw, 26px);
  --fs-lead: clamp(16px, 1.25vw, 18px);
  --fs-body: 15px;

  /* Shape */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Elevation */
  --sh-panel: 0 60px 120px -40px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --sh-card-hover: 0 30px 60px -30px rgba(0, 0, 0, 0.9), 0 0 50px -24px rgba(215, 249, 74, 0.4);

  /* Motion：全站统一曲线（对应 GSAP 的 expo.out / power3.out） */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.25s;
  --dur: 0.45s;
  --dur-slow: 0.7s;

  /* Layout */
  --wrap: 1240px;
  --gutter: clamp(16px, 4vw, 48px);
  --nav-h: 72px;
  --sec-y: clamp(80px, 10vw, 136px);
}