/* 云折扣索引设计令牌：深石墨底、信号橙、暖白文字 */
@font-face {
  font-family: "Cloud Display";
  src: url("assets/fonts/space-grotesk-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Cloud Mono";
  src: url("assets/fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --color-void: #101113;
  --color-deep: #151719;
  --color-panel: #1c1e20;
  --color-panel-high: #24272a;
  --color-ink: #f1efe9;
  --color-muted: #aaa79f;
  --color-dim: #918e87;
  --color-signal: #ff5a1f;
  --color-signal-hover: #ff6b36;
  --color-signal-ink: #a92f06;
  --color-on-signal: #1e120d;
  --color-paper: #eeebe4;
  --color-paper-low: #dedad1;
  --color-paper-ink: #171819;
  --color-paper-muted: #5b5d5e;
  --color-success: #7ed993;
  --color-danger: #ff7f68;
  --color-line: rgba(241, 239, 233, .14);
  --color-line-soft: rgba(241, 239, 233, .08);
  --color-line-paper: rgba(23, 24, 25, .15);
  --color-panel-wash: rgba(241, 239, 233, .04);
  --color-nav: rgba(16, 17, 19, .88);
  --color-overlay: rgba(7, 8, 9, .78);
  --color-shadow: rgba(5, 6, 7, .42);
  --color-signal-soft: rgba(255, 90, 31, .14);
  --color-signal-line: rgba(255, 90, 31, .42);
  --color-focus: #ffc2a9;

  --font-display: "Cloud Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-body: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "Cloud Mono", "SFMono-Regular", Consolas, monospace;

  --shell: min(1280px, calc(100% - 72px));
  --nav-height: 70px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.22, 1.36, .36, 1);
  --shadow-panel: 0 28px 90px var(--color-shadow);
  --z-nav: 300;
  --z-panel: 500;
  --z-toast: 700;
}

@media (max-width: 760px) {
  :root {
    --shell: min(100% - 32px, 1280px);
    --nav-height: 62px;
  }
}