/* YUFAN Global — shared brand tokens (used by both English and Chinese sites) */
:root{
  --teal-900:#072a2c;
  --teal-800:#0a3436;
  --teal-700:#0f4c4f;
  --teal-500:#2a7f82;
  --teal-300:#8fd6cc;
  --sand-100:#f6f1e7;
  --sand-300:#e9dcc3;
  --sand-500:#d4b77c;
  --grey-50:#f3f6f6;
  --grey-200:#dde4e4;
  --grey-600:#56666a;
  --ink:#10201f;
  --white:#fff;
  --radius:6px;
  --maxw:1160px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.btn{display:inline-block;padding:14px 24px;border-radius:var(--radius);font-weight:700;font-size:15px;transition:transform .15s,background .15s,border-color .15s;cursor:pointer;border:1.5px solid transparent}
.btn:hover{transform:translateY(-1px)}
.btn-sand{background:var(--sand-300);color:var(--teal-900)}
.btn-sand:hover{background:var(--sand-500)}
.btn-outline{border-color:var(--teal-300);color:var(--white)}
.btn-outline:hover{background:rgba(143,214,204,.12)}
.btn-teal{background:var(--teal-700);color:var(--white)}
.btn-teal:hover{background:var(--teal-800)}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
:focus-visible{outline:3px solid var(--sand-500);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}