/* 与原项目 app/globals.css 对齐的设计令牌（供 Tailwind v4 使用） */

/* Geist 字体：放在 CSS 中，避免 HTML 中 & 被解析为实体而报错 */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap");

:root {
  --background: oklch(0.985 0.002 240);
  --foreground: oklch(0.18 0.02 250);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.18 0.02 250);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.18 0.02 250);
  --primary: oklch(0.55 0.18 240);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0.01 240);
  --secondary-foreground: oklch(0.18 0.02 250);
  --muted: oklch(0.94 0.01 240);
  --muted-foreground: oklch(0.45 0.02 250);
  --accent: oklch(0.65 0.14 200);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.90 0.02 240);
  --input: oklch(0.90 0.02 240);
  --ring: oklch(0.55 0.18 240);
  --radius: 0.75rem;
}

/* FAQ：与源码一致，用 max-h-0 / max-h-96 控制展开；此处仅补箭头旋转 */
.faq-item.is-open .faq-chevron {
  transform: rotate(180deg);
}

.faq-chevron {
  transition: transform 0.2s ease;
}

.mobile-menu {
  display: none;
}

.mobile-menu.is-open {
  display: block;
}