/* BACO 视觉 token —— 取自原站 bacocontrols.com
   主色 #00A3E0（原站 logo 块 / 按钮）、深蓝 #00599C（hover / 强调）、
   正文 #1C1C1C、浅灰 #EFEFEF；字体 Raleway（标题）+ Lato（正文）。 */

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/raleway-600.woff2") format("woff2");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/raleway-700.woff2") format("woff2");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/static/fonts/raleway-800.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/lato-400.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/lato-700.woff2") format("woff2");
}

:root {
  --c-cyan: #00a3e0;
  --c-cyan-deep: #0088be;
  --c-navy: #00599c;
  --c-navy-deep: #003f70;
  --c-ink: #1c1c1c;
  --c-body: #2b343b;
  --c-muted: #5b6770;
  --c-line: #d6dde2;
  --c-line-strong: #b9c4cc;
  --c-gray: #efefef;
  --c-paper: #f6f8fa;
  --c-white: #ffffff;
  --c-warn: #9a5b00;
  --c-warn-bg: #fff6e5;
  --c-ok: #1d6b45;
  --c-ok-bg: #eaf6ef;

  --font-head: "Raleway", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-body: "Lato", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace;

  --w-max: 1280px;
  --w-narrow: 880px;
  --pad: clamp(16px, 3.2vw, 40px);
  --header-h: 116px;
  --radius: 2px;
  --shadow: 0 1px 2px rgba(16, 32, 48, 0.06);
  --shadow-lift: 0 10px 28px rgba(16, 32, 48, 0.10);
  --speed: 180ms;
}

@media (max-width: 900px) {
  :root { --header-h: 96px; }
}
@media (max-width: 640px) {
  :root { --header-h: 76px; }
}

/* 辅助色 / 半透明层（组件中只引用变量） */
:root {
  --c-white: #ffffff;
  --c-paper-alt: #fafcfd;
  --c-hero-paper: #f7fafc;
  --c-danger: #b3261e;
  --c-sky-light: #9ed9f3;
  --c-on-cyan: #04202c;
  --c-utility-text: #dce9f2;
  --c-utility-link: #eaf5fb;
  --c-ink-soft: #d9e2e8;
  --c-ink-label: #b9c9d4;
  --c-footer-text: #b9c5cd;
  --c-footer-link: #cfdae2;
  --c-footer-muted: #8d9ba5;
  --c-warn-border: #e6c98c;
  --c-warn-strong: #d49a2a;
  --tint-cyan-00: rgba(0, 163, 224, 0);
  --tint-cyan-06: rgba(0, 163, 224, 0.06);
  --tint-cyan-07: rgba(0, 163, 224, 0.07);
  --tint-cyan-08: rgba(0, 163, 224, 0.08);
  --tint-cyan-35: rgba(0, 163, 224, 0.35);
  --tint-cyan-55: rgba(0, 163, 224, 0.55);
  --tint-navy-05: rgba(0, 89, 156, 0.05);
  --tint-navy-25: rgba(0, 89, 156, 0.25);
  --tint-navy-28: rgba(0, 89, 156, 0.28);
  --tint-white-12: rgba(255, 255, 255, 0.12);
  --tint-white-14: rgba(255, 255, 255, 0.14);
  --tint-white-55: rgba(255, 255, 255, 0.55);
  --shadow-header: rgba(16, 32, 48, 0.08);
}