/* 米多好多官网统一设计变量 v1.0
 * 规范入口：docs/DESIGN.md。数值提取自用户确认的独立首页。
 * 保留既有变量名；本文件先于页面样式加载，不包含业务组件或脚本。
 */
:root {
  /* 品牌、文字与表面 */
  --brand: #f5a421;
  --brand-hover: #e99b1d;
  --ink: #252b27;
  --muted: #626863;
  --paper: #faf9f6;
  --white: #fff;
  --line: #ddded7;
  --tint: #f2eee5;
  --surface-service: #f0f1ec;
  --surface-contact: #f1e8d6;
  --error: #a32b26;

  /* 字体与公共标题 */
  --font-body: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --text-base: 16px;
  --leading-body: 1.7;
  --text-heading: clamp(30px, 3.2vw, 46px);
  --leading-heading: 1.35;

  /* 全站页面骨架 */
  --content-max: 1280px;
  --page-gutter: 56px;
  --section-space: 104px;
  --header-height: 86px;
  --anchor-offset: 105px;
  --logo-width: 220px;

  /* 共用控件；不把局部插图的尺寸提升为全站变量。 */
  --radius-button: 6px;
  --radius-field: 5px;
  --radius-panel: 12px;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --duration-feedback: .2s;
}
@media (max-width: 1100px) {
  :root { --page-gutter: 32px; }
}
@media (min-width: 821px) and (max-width: 1000px) {
  :root { --logo-width: 205px; }
}
@media (max-width: 820px) {
  :root {
    --page-gutter: 22px;
    --section-space: 72px;
    --header-height: 74px;
    --anchor-offset: 88px;
    --logo-width: 165px;
  }
}
@media (max-width: 560px) {
  :root {
    --section-space: 57px;
    --text-heading: 29px;
    --leading-heading: 1.4;
    --logo-width: 145px;
  }
}
@media (max-width: 360px) {
  :root { --logo-width: 124px; }
}