/* tokens.css — Sucre Daddy France design tokens
   配色：波尔多酒红 + 香槟金 + 温暖象牙白（品牌色不变，营造信任感）
   排版/间距：苹果式极简语言——无衬线大字号标题、克制的字距、慷慨留白、
   胶囊形按钮、柔和阴影，去掉装饰性花饰分隔线，靠留白本身分隔区块。 */

:root {
  /* ---- 颜色（品牌色保留） ---- */
  --color-bg: #FBF5F0;            /* 象牙暖白，主背景 */
  --color-bg-alt: #F5E7DE;        /* 暖米色，用于分区背景 */
  --color-surface: #FFFFFF;       /* 卡片/表单等前景色块 */
  --color-text: #1D1D1F;          /* 苹果式近黑，比之前的茄紫黑更中性、对比度更高 */
  --color-text-muted: #5B5B60;    /* 次要文字灰，比之前深一档，在 --color-bg-alt 背景上满足 WCAG AA 4.5:1 对比度 */
  --color-border: #E8DCD0;

  --color-accent: #9C2B3C;        /* 波尔多酒红，品牌主色 + 主 CTA */
  --color-accent-dark: #7A1F2C;
  --color-accent-on-dark: #C94F62; /* 波尔多酒红的加亮版，专用于深色背景（如 footer）上的文字，满足对比度 3:1 */
  --color-gold: #C6A15B;          /* 香槟金，图标/装饰性强调色（非正文文字） */
  --color-gold-light: #E8D9BB;
  --color-gold-text: #9C7B3A;      /* 香槟金的加深版，专用于浅色背景上的正文文字（如数字步骤），满足对比度 3:1 */

  --color-trust: #4F6F52;
  --color-trust-bg: #E7EEE7;

  --color-cta-primary: var(--color-accent);
  --color-cta-primary-text: #FBF5F0;

  /* ---- 字体：纯系统默认字体，不加载任何自定义字体文件，打开速度更快 ---- */
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* ---- 间距 8pt grid（新增更大的区块间距用于苹果式留白）---- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 140px;

  /* ---- 圆角 / 阴影 ---- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-pill: 980px;
  --shadow-card: 0 2px 24px rgba(29, 29, 31, 0.06);
  --shadow-cta: 0 8px 20px rgba(156, 43, 60, 0.22);

  /* ---- 字号：更大、更粗、字距更紧（苹果式标题比例）---- */
  --text-display: clamp(2.75rem, 6vw, 4.75rem);
  --text-h2: clamp(2rem, 4vw, 3rem);
  --text-h3: clamp(1.25rem, 2.2vw, 1.6rem);
  --text-body: 19px;
  --text-caption: 14px;
  --tracking-tight: -0.02em;

  --max-width: 1180px;
}

/* ---- 复用组件：全站唯一定义，禁止单页覆写 ---- */

.cta-primary {
  background: var(--color-cta-primary);
  color: var(--color-cta-primary-text);
  padding: 14px 32px;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-weight: 590;
  font-size: 17px;
  letter-spacing: -0.01em;
  display: inline-block;
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-cta);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.cta-primary:hover {
  opacity: 0.88;
  transform: scale(1.015);
}

.cta-secondary {
  background: transparent;
  color: var(--color-accent);
  border: 1.5px solid var(--color-accent);
  padding: 12.5px 30.5px;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-weight: 590;
  font-size: 17px;
  letter-spacing: -0.01em;
  display: inline-block;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.cta-secondary:hover {
  background: var(--color-accent);
  color: var(--color-cta-primary-text);
}

.trust-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--color-trust);
  background: var(--color-trust-bg);
  font-size: 13px;
  font-weight: 590;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
}

.card {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: var(--space-4);
  border: none;
}

/* signature 元素：苹果式极简不再用花饰分隔线，靠留白本身分区 */
.section-divider {
  display: none;
}