/* Aimeee website — tokens read from the Figma spec (spec/page.json), 1 Sep 2026.
   Design canvas is 1728 px wide. Every desktop coordinate is a design pixel on that canvas. */
:root {
  --canvas-w: 1728;
  --font-zh: "Noto Sans HK", "PingFang HK", "Microsoft JhengHei", sans-serif;
  --font-en: "Figtree", "Noto Sans HK", sans-serif;
  /* brand */
  --orange: #fe884a;
  --pompelmo: #ff6666;
  --grape: #8a59b8;
  --grad-brand: linear-gradient(90deg, #fe884a 0%, #ff6666 50%, #8a59b8 100%);
  --white: #ffffff;
}

/* Desktop type scale (2026-09-07). 1 = Figma sizes. Mobile ignores it (mobile.css sets its own px). */
:root { --ts: 1; --ts-desktop: 1; --stage-k: 0.8; } /* 7 Sep 2026: team wanted EVERYTHING 20% smaller → the whole stage renders at 0.8 of the viewport (--stage-k, main.js); type scale stays 1 on top of that. */
@media (min-width: 1024px) { :root { --ts: var(--ts-desktop); } }
/* Pill/button/tab labels keep more size so the drawn pills don't look hollow (0.8 × 1.12 ≈ 0.9). */