:root {
  --somewhen-font-sans: Inter, "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /*
   * SOMEWHEN type system
   * 1. Display: one page-level statement.
   * 2. Title: headings inside an orb, card, or focused content area.
   * 3. Support: subtitles, descriptions, labels, navigation, and annotations.
   * Weight, color, and tracking may change meaning; size does not create a fourth level.
   */
  --somewhen-type-display: clamp(28px, 2.65vw, 40px);
  --somewhen-type-title: clamp(23px, 1.9vw, 30px);
  --somewhen-type-support: 12px;

  --somewhen-weight-display: 300;
  --somewhen-weight-title: 300;
  --somewhen-weight-support: 400;

  --somewhen-line-display: 1.18;
  --somewhen-line-title: 1.2;
  --somewhen-line-support: 1.65;

  --somewhen-orb-size: clamp(340px, min(31vw, 58vh), 500px);
}

@media (max-width: 640px) {
  :root {
    --somewhen-type-display: 26px;
    --somewhen-type-title: 22px;
    --somewhen-type-support: 11px;
    --somewhen-orb-size: min(84vw, 360px);
  }
}