/* ==========================================================================
   BJD Fulfillment — 玫红主题（叠加层）
   --------------------------------------------------------------------------
   加载在 dtc.css 之后，只覆盖强调色相关的 token 与少量硬编码蓝色，
   不动任何布局与结构。

   想退回蓝色主题：把各页面里的
     <link rel="stylesheet" href="/css/theme-rose.css?v=1">
   这一行删掉即可，其余代码不用改。

   WCAG 核对：
     --action       #db2777 在白底上 4.59:1  → 正文链接/按钮 AA 通过
     --action-hover #be185d 更深 → 6.4:1
     --action-dark  #f472b6 在深蓝 #071b3b 上约 7:1
     --gold(高亮)   #f9a8d4 在深蓝上约 8.5:1
   ========================================================================== */

:root {
  --action: #db2777;          /* 玫红 600：主按钮、链接 */
  --action-hover: #be185d;    /* 玫红 700：hover */
  --action-active: #9d174d;   /* 玫红 800：active */
  --action-dark: #f472b6;     /* 粉 400：深蓝底上的强调 */
  --gold: #f9a8d4;            /* 粉 300：hero 高亮与深蓝区块小标题 */
}

/* 图标底色与徽章底色：由浅蓝改浅粉 */
.card-icon {
  background: #fce7f3;
  color: var(--action-hover);
}

.badge {
  background: #fce7f3;
  color: var(--action-hover);
}

.badge--gold {
  background: rgba(219, 39, 119, 0.12);
  color: var(--action-hover);
}

/* 表格行 hover：由冷白改极浅粉 */
table.rates tbody tr:hover {
  background: #fdf2f8;
}

/* 表单聚焦光环 */
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: var(--action);
  box-shadow: 0 0 0 3px rgba(219, 39, 119, 0.16);
}

/* 键盘聚焦轮廓：用玫红而不是淡粉，保证在白底上看得见 */
:focus-visible {
  outline-color: var(--action);
}

/* 页头/页脚品牌方块（现在用真实 LOGO，这个只剩兜底作用） */
.brand-mark {
  background: linear-gradient(140deg, var(--navy), var(--action));
}

/* CTA 带的渐变末端跟着变 */
.cta-band {
  background: linear-gradient(120deg, var(--navy) 0%, var(--action) 130%);
}

/* 深蓝区块内部的小号强调文字（如 kicker） */
.section--navy .check-list li::before {
  border-color: var(--action-dark);
}