/* ============================================================
   青鸾官网 · 设计变量
   原则：黑白灰为骨，青绿为光；彩色面积 <= 15%
   ============================================================ */
:root {
  /* 底色 */
  --bg: #07090B;
  --bg-2: #0B0E12;
  --surface: #0F1318;
  --surface-2: #141A21;

  /* 描边 */
  --line: rgba(255, 255, 255, 0.075);
  --line-2: rgba(255, 255, 255, 0.14);
  --line-3: rgba(255, 255, 255, 0.22);

  /* 文字 */
  --text: #EDF2F4;
  --text-2: #A6B0B8;
  --text-3: #7A848D;

  /* 品牌（取色自 logo：#50F0A0 -> #50F0F0） */
  --brand: #4FE3A6;
  --brand-2: #45D3E8;
  --brand-ink: #04170F;
  --brand-soft: rgba(79, 227, 166, 0.12);
  --grad: linear-gradient(120deg, #8CF06A 0%, #4FE3A6 45%, #45D3E8 100%);

  /* 语义 */
  --danger: #FF6B6B;
  --danger-soft: rgba(255, 107, 107, 0.1);
  --ok: #4FE3A6;

  /* 形状 */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* 节奏 */
  --wrap: 1200px;
  --nav-h: 64px;
  --pad-x: 24px;
  --sec-y: 104px;

  /* 动效 */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --t-fast: 160ms;
  --t-mid: 240ms;
  --t-slow: 420ms;

  /* 阴影（暗色下主要靠描边，阴影只做浮层） */
  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 16px 40px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 40px 120px rgba(0, 0, 0, 0.6);

  /* 字体 */
  --font: "Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system,
    "Segoe UI", sans-serif;
  --mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", monospace;
}

@media (max-width: 860px) {
  :root {
    --sec-y: 72px;
    --pad-x: 20px;
  }
}