/* ============================================================
   CapaDock design tokens —— 电光青（GAN-53）
   —— 品牌：CapaDock（英文名；中文界面文案不变）
   —— 主色：浅底 #0E7490（白底 5.4:1）· 深底 #22D3EE（黑底 10.8:1）
   —— 本文件在 hm-skills 之后最后入队，只做两件事：
        1) 覆盖 :root 全套颜色 token（页面其余样式全部引用 token，改色只改这里）
        2) 兜底覆盖插件里原有的几处硬编码强调色 —— 插件样式不在主题包内，
           只装主题也能立刻换色；装上随包的插件补丁后，这些兜底规则自然重复命中
   —— 不新增调色板之外的色值，不改任何尺寸 / 布局 / 圆角 token。
   ============================================================ */

/* ---------- 0) 字标字体：Geist Black（SIL OFL 1.1，见 assets/fonts/LICENSE-Geist-OFL.txt） ---------- */
@font-face {
	font-family: "Geist";
	src: url("../fonts/geist-black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	/* ---- 主色：电光青 ---- */
	--accent:            #0E7490;  /* 浅底主色：按钮底 / 链接 / 角标文字。白底 5.4:1，米底 5.1:1 */
	--accent-ink:        #155E75;  /* 深一档：按压态、浅青底上的小字（浅青底 6.5:1，白底 7.3:1） */
	--accent-strong:     #0B5C73;  /* 最深：实心按钮的硬投影 / hover 底 */
	--accent-soft:       #CFFAFE;  /* 浅青底：角标、标签、提示块底 */
	--accent-line:       #A5F3FC;  /* 浅青描边：浅青底卡片边线 */
	--accent-wash:       #F0FDFE;  /* 极浅青：选中态的区块底 */
	--accent-ring:       rgba(34, 211, 238, .34);  /* focus / 选中态外环 */
	--accent-ring-soft:  rgba(34, 211, 238, .14);  /* 预览块、弱高亮底 */
	--accent-bright:     #22D3EE;  /* 只用于深底（--ink / #0B0D10）上的文字与图形 */
	--on-accent:         #FFFFFF;  /* 主色底上的文字 */

	/* 实心按钮的位移投影跟着主色走 */
	--shadow-hard-accent: 0 4px 0 var(--accent-strong);

	/* ---- 字标（wordmark）用的字重与字距 ---- */
	--brand-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--brand-tracking: -.02em;
}

/* ---------- 1) 插件里的硬编码强调色：兜底覆盖 ---------- */

/* 实心按钮按下 / hover 的硬投影（跟着主色走） */
.hm-btn--accent:hover { box-shadow: 0 2px 0 var(--accent-strong); }
.hm-btn--accent:active { box-shadow: 0 0 0 var(--accent-strong); }

/* 原「玫瑰色」卡片：底色与描边一起换到浅青档 */
.hm-card--rose { background: var(--accent-soft); border-color: var(--accent-line); }

/* 套餐单选选中态：极浅青底 + 亮青外环 */
.hm-tier:has(input:checked) {
	background: var(--accent-wash);
	box-shadow: 0 0 0 3px var(--accent-ring-soft);
}

/* 下单步骤 1 的色点（跟随主色） */
.hm-step:nth-child(1)::before { background: var(--accent); }

/* ---------- 2) focus 环：全站统一用主色 ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}

/* 深底区块上（促销条 / 深色联系块）focus 环用亮青，才看得见 */
.hm-promo a:focus-visible,
.hm-promo button:focus-visible,
.hm-contact a:focus-visible,
.hm-contact button:focus-visible,
.hm-payload button:focus-visible {
	outline-color: var(--accent-bright);
}

/* ---------- 3) 深底上的强调文字：改用亮青 ---------- */
.hm-promo-cta:hover { color: var(--accent-bright); border-color: var(--accent-bright); }

/* ---------- 4) 选中文字 / 原生控件 ---------- */
::selection { background: var(--accent-soft); color: var(--accent-ink); }