/* ===== 主题变量 ===== */
:root,
[data-theme="indigo"] {
  --primary: #1a1f3a;
  --primary2: #2d3561;
  --accent: #4f46e5;
  --accent2: #7c3aed;
  --accent-light: #eef2ff;
  --accent-border: #c7d2fe;
  --accent-rgb: 79, 70, 229;
  --hero-grad: linear-gradient(135deg, #1a1f3a 0%, #2d3561 50%, #1e2d4a 100%);
  --cta-grad: linear-gradient(135deg, #4f46e5, #7c3aed);
  --title-grad: linear-gradient(135deg, #818cf8, #0ea5e9);
}

[data-theme="blue"] {
  --primary: #0c1a2e;
  --primary2: #1e3a5f;
  --accent: #2563eb;
  --accent2: #0ea5e9;
  --accent-light: #eff6ff;
  --accent-border: #bfdbfe;
  --accent-rgb: 37, 99, 235;
  --hero-grad: linear-gradient(135deg, #0c1a2e 0%, #1e3a5f 50%, #0f2744 100%);
  --cta-grad: linear-gradient(135deg, #2563eb, #0ea5e9);
  --title-grad: linear-gradient(135deg, #60a5fa, #22d3ee);
}

[data-theme="teal"] {
  --primary: #0a1f1c;
  --primary2: #134e4a;
  --accent: #0d9488;
  --accent2: #14b8a6;
  --accent-light: #f0fdfa;
  --accent-border: #99f6e4;
  --accent-rgb: 13, 148, 136;
  --hero-grad: linear-gradient(135deg, #0a1f1c 0%, #134e4a 50%, #0f3330 100%);
  --cta-grad: linear-gradient(135deg, #0d9488, #14b8a6);
  --title-grad: linear-gradient(135deg, #5eead4, #2dd4bf);
}

[data-theme="orange"] {
  --primary: #1c140a;
  --primary2: #7c2d12;
  --accent: #ea580c;
  --accent2: #f59e0b;
  --accent-light: #fff7ed;
  --accent-border: #fed7aa;
  --accent-rgb: 234, 88, 12;
  --hero-grad: linear-gradient(135deg, #1c140a 0%, #7c2d12 50%, #431407 100%);
  --cta-grad: linear-gradient(135deg, #ea580c, #f59e0b);
  --title-grad: linear-gradient(135deg, #fdba74, #fbbf24);
}

[data-theme="rose"] {
  --primary: #1f0a14;
  --primary2: #9f1239;
  --accent: #e11d48;
  --accent2: #f43f5e;
  --accent-light: #fff1f2;
  --accent-border: #fecdd3;
  --accent-rgb: 225, 29, 72;
  --hero-grad: linear-gradient(135deg, #1f0a14 0%, #9f1239 50%, #4c0519 100%);
  --cta-grad: linear-gradient(135deg, #e11d48, #fb7185);
  --title-grad: linear-gradient(135deg, #fb7185, #f472b6);
}

[data-theme="emerald"] {
  --primary: #052e1c;
  --primary2: #065f46;
  --accent: #059669;
  --accent2: #10b981;
  --accent-light: #ecfdf5;
  --accent-border: #a7f3d0;
  --accent-rgb: 5, 150, 105;
  --hero-grad: linear-gradient(135deg, #052e1c 0%, #065f46 50%, #022c22 100%);
  --cta-grad: linear-gradient(135deg, #059669, #34d399);
  --title-grad: linear-gradient(135deg, #6ee7b7, #34d399);
}

[data-theme="violet"] {
  --primary: #1a0b2e;
  --primary2: #5b21b6;
  --accent: #7c3aed;
  --accent2: #a855f7;
  --accent-light: #f5f3ff;
  --accent-border: #ddd6fe;
  --accent-rgb: 124, 58, 237;
  --hero-grad: linear-gradient(135deg, #1a0b2e 0%, #5b21b6 50%, #2e1065 100%);
  --cta-grad: linear-gradient(135deg, #7c3aed, #c084fc);
  --title-grad: linear-gradient(135deg, #c4b5fd, #e879f9);
}

[data-theme="sky"] {
  --primary: #0b1e2d;
  --primary2: #0369a1;
  --accent: #0284c7;
  --accent2: #38bdf8;
  --accent-light: #f0f9ff;
  --accent-border: #bae6fd;
  --accent-rgb: 2, 132, 199;
  --hero-grad: linear-gradient(135deg, #0b1e2d 0%, #0369a1 50%, #0c4a6e 100%);
  --cta-grad: linear-gradient(135deg, #0284c7, #38bdf8);
  --title-grad: linear-gradient(135deg, #7dd3fc, #67e8f9);
}

[data-theme="slate"] {
  --primary: #0f172a;
  --primary2: #334155;
  --accent: #475569;
  --accent2: #64748b;
  --accent-light: #f8fafc;
  --accent-border: #cbd5e1;
  --accent-rgb: 71, 85, 105;
  --hero-grad: linear-gradient(135deg, #0f172a 0%, #334155 50%, #1e293b 100%);
  --cta-grad: linear-gradient(135deg, #475569, #94a3b8);
  --title-grad: linear-gradient(135deg, #cbd5e1, #94a3b8);
}

:root {
  --cyan: #0ea5e9;
  --green: #10b981;
  --orange: #f59e0b;
  --red: #ef4444;
  --bg: #f4f6fa;
  --card: #ffffff;
  --border: #e6e8ef;
  --border-strong: #d4d8e2;
  --text: #1c2028;
  --text-2: #4a5565;
  --text-3: #6e7686;
  --blue: #3b82f6;
  --blue-bg: #eff6ff;
  --green-bg: #ecfdf5;
  --orange-bg: #fffbeb;
  --purple: #8b5cf6;
  --purple-bg: #f5f3ff;
  --teal: #0d9488;
  --teal-bg: #f0fdfa;

  /* 圆角：卡片 16 / 控件 12 / 小件 8 */
  --radius-xs: 0.06rem;
  --radius-sm: 0.08rem;
  --radius-md: 0.12rem;
  --radius-lg: 0.16rem;
  --radius-xl: 0.2rem;
  --radius-pill: 999px;
  --radius: var(--radius-lg);

  /* 阴影：轻分层，避免发脏 */
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.05);
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 12px rgba(16, 24, 40, 0.045);
  --shadow-md: 0 4px 10px rgba(16, 24, 40, 0.05), 0 10px 28px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 8px 16px rgba(16, 24, 40, 0.06), 0 18px 40px rgba(16, 24, 40, 0.1);
  --shadow-accent: 0 8px 22px rgba(var(--accent-rgb), 0.28);

  /* 动效 */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 0.16s;
  --dur: 0.22s;

  /* 字号阶梯 */
  --fs-xs: 0.12rem;
  --fs-sm: 0.13rem;
  --fs-md: 0.14rem;
  --fs-base: 0.15rem;
  --fs-lg: 0.16rem;
  --fs-xl: 0.18rem;
  --fs-2xl: 0.2rem;
  --fs-3xl: 0.24rem;
  --fs-4xl: 0.28rem;
  --fs-5xl: 0.32rem;
  --fs-6xl: 0.4rem;
  --fs-7xl: 0.48rem;
  --lh-tight: 1.22;
  --lh-title: 1.32;
  --lh-body: 1.7;

  --nav-h: 0.72rem;
  --wrap: 13.6rem;
  --wrap-pad: 0.32rem;
  --nav-side-pad: clamp(0.24rem, 3vw, 0.48rem);
  --brand-w: 2.6rem;
  --section-y: 0.8rem;
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
}