/* DESIGN v2 foundations. Category palette intentionally deferred by the user. */
:root {
  --ink:#202020; --ink-secondary:#626262; --ink-tertiary:#8a8a8a;
  --inverse:#fff; --canvas:#f7f7f7; --surface:#fff; --surface-sunken:#f2f2f2;
  --line:#e6e6e6; --line-strong:#d4d4d4; --error:#a13629;
  --notice-bg:#fff4e0; --notice-ink:#7a4a00;
  --font-system:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;
  --text-display:26px; --leading-display:34px; --text-title:20px; --leading-title:28px;
  --text-heading:17px; --leading-heading:24px; --text-input:16px; --text-body:15px;
  --leading-body:24px; --text-caption:13px; --leading-caption:20px;
  --text-micro:11px; --leading-micro:16px; --text-number:32px; --leading-number:40px;
  --radius-xs:8px; --radius-sm:12px; --radius-md:20px; --radius-lg:24px; --radius-pill:999px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --page-gutter:16px; --card-padding:16px; --header-height:72px; --touch-min:44px;
  --elevation:0 8px 24px rgba(0,0,0,.08);
}
@media(max-width:350px){:root{--text-display:22px;--leading-display:30px;--text-number:28px;--leading-number:36px;--card-padding:12px}}