/* tokens.css — "fintech private card" (docs/01a §4): warm paper, white surfaces, the black card as the hero object, ZEC gold only
 * on the chip and small highlights. No glow, no gradient text, no background grid, nothing under 14 px. Fonts: SIL OFL 1.1,
 * self-hosted (fonts/LICENSE-OFL.txt). notes-sc.woff2 = Noto Sans SC subset to the characters this site uses — rebuild with
 * `python web/dev/build-fonts.py` after copy changes. */
@font-face{font-family:'Geist';src:url(../fonts/geist.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist ZH';src:url(../fonts/geist.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0-2013,U+2015-2017,U+201A-201B,U+201E-2025,U+2027-2E7F,U+FB00-FB06,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';src:url(../fonts/geist-mono.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Notes SC';src:url(../fonts/notes-sc.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  /* paper + surfaces */
  --paper:#F3F2EE;--paper-2:#ECEAE4;--paper-3:#E4E1D9;
  --surface:#FFFFFF;--surface-2:#FAF9F6;
  /* ink */
  --ink:#0D0D0E;--ink-2:#2E2E33;--muted:#6A6A70;--muted-2:#8B8B91;
  /* hairlines */
  --line:#E3E1DB;--line-2:#D6D3CB;--line-ink:rgba(13,13,14,.12);
  /* the card */
  --card:#141416;--card-2:#1C1C1F;--card-text:#EDEBE6;--card-label:#9A9AA0;--card-off:#3A3A40;--card-foot:#6B6B70;
  /* ZEC gold: the chip and small highlights only */
  --gold:#F4B728;--gold-deep:#C9971F;
  /* states (text on light) */
  --ok:#1D7148;--ok-bg:#E5F1EA;--bad:#AE2A1F;--bad-bg:#F8E8E5;--warn:#7A5408;
  /* type */
  --sans:"Geist","Notes SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* layout */
  --wrap:1200px;--gut:32px;--hdr:72px;
  /* elevation: soft physical shadows only (no glow) */
  --sh-1:0 1px 2px rgba(13,13,14,.04),0 2px 8px -2px rgba(13,13,14,.06);
  --sh-2:0 1px 2px rgba(13,13,14,.05),0 12px 32px -12px rgba(13,13,14,.16);
  --sh-card:0 2px 4px rgba(13,13,14,.10),0 22px 40px -18px rgba(13,13,14,.45),0 50px 90px -40px rgba(13,13,14,.40);
  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);
  /* radii */
  --r-xl:28px;--r-lg:22px;--r-md:16px;--r-sm:12px;--r-pill:999px;
}
html[lang="zh-CN"]{--sans:"Geist ZH","Notes SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}
@media (max-width:860px){
  :root{--gut:18px;--hdr:62px;--r-xl:24px;--r-lg:20px}
}