/**
 * A9 官网视觉 Token。
 * 继承 Qoder 深色页面的明暗关系、单绿色信号和分层留白方法，
 * 但命名、内容和组件均属于 A9 官网，避免跨项目源码耦合。
 */
:root {
  color-scheme: dark;
  --a9-black: #050605;
  --a9-black-2: #101110;
  --a9-panel: #151715;
  --a9-panel-raised: #1b1e1b;
  --a9-white: #f6f7f5;
  --a9-paper: #f1f2f0;
  --a9-green: #69df78;
  --a9-green-soft: #def5d9;
  --a9-green-deep: #1f7a35;
  --a9-muted: #969a95;
  --a9-muted-deep: #717570;
  --a9-line-dark: #292c29;
  --a9-line-light: #daddd8;
  --a9-danger: #ff826f;
  --a9-warn: #e7bd62;
  --a9-info: #7ba7ff;

  --a9-shell: min(1320px, calc(100% - 80px));
  --a9-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --a9-display: clamp(36px, 3.1vw, 44px);
  --a9-section-title: clamp(28px, 2.4vw, 36px);
  --a9-card-display: 24px;
  --a9-card-title: 20px;
  --a9-body-large: 16px;
  --a9-body: 14px;
  --a9-label: 12px;

  --a9-space-compact: 75px;
  --a9-space-standard: 100px;
  --a9-space-loose: 120px;
  --a9-radius-canvas: 18px;
  --a9-radius-card: 13px;
  --a9-shadow-canvas: 0 30px 70px #0007;
}

@media (max-width: 720px) {
  :root {
    --a9-shell: calc(100% - 28px);
    --a9-space-compact: 60px;
    --a9-space-standard: 60px;
    --a9-space-loose: 72px;
  }
}