/* Keep the dotted accent on Latin characters; all Chinese falls through to Songti. */
@font-face {
  font-family: 'Bibo Neon Dots';
  src: url('assets/doto.woff2') format('woff2');
  font-display: swap;
  font-weight: 100 900;
  unicode-range: U+0000-024F, U+1E00-1EFF;
}

/* B: Avenir for reading, typewriter lettering for controls, Songti for Chinese. */
#couple-corner {
  --cc-font-zh: 'Songti SC', STSong, SimSun, serif;
  --cc-font-display: 'Bibo Neon Dots', var(--cc-font-zh);
  --cc-font-body: 'Avenir Next', Avenir, 'Trebuchet MS', var(--cc-font-zh);
  --cc-font-ui: 'Courier New', Courier, var(--cc-font-zh);
  --cc-font-readable: var(--cc-font-body);
}

/* Body, captions, metadata, input text and dropdown options share one reading family. */
#couple-corner :where(*) {
  font-family: var(--cc-font-body) !important;
}

/* Tabs, buttons, small labels and form labels return to the original typewriter feel. */
#couple-corner :is(
  button, .cc-browser-strip, .cc-label, .cc-field,
  .cc-plan-tag, .cc-tag, .cc-player-label, .cc-memory-label,
  .cc-page-range, .cc-sync, .cc-hero-bar-status,
  .cc-baby-bubble, .cc-skin-group
) {
  font-family: var(--cc-font-ui) !important;
}

/* Pixel type is an accent: the site name, window chrome and a few game-like numbers only. */
#couple-corner :is(
  .cc-top-title, .cc-top-title *, .cc-statusbar span,
  .cc-hero h2, .cc-hero h2 *,
  .cc-window > .cc-bar > span:first-child,
  .cc-lightbox > .cc-bar > span:first-child,
  .cc-hero-bar-title,
  .cc-days-together, .cc-tear-num,
  .cc-console-screen, .cc-console-screen *,
  .cc-badge
) {
  font-family: var(--cc-font-display) !important;
}

/* Section titles stay distinct from card text without adding a third font. */
#couple-corner :is(
  .cc-planner-toolbar h3, .cc-plan-form h3, .cc-plan-card h3,
  .cc-plan-card .cc-task-title, .cc-album-heading h3,
  .cc-album-label strong, .cc-agenda-title, .cc-import h3,
  .cc-side-title, .cc-mini-title, .cc-wish-name
) {
  font-weight: 600;
}

#couple-corner :is(.cc-button, .cc-tab, .cc-switch, .cc-strip-btn) {
  font-weight: 600;
}