/* Pomodoro section typography.
   Loaded after shared/viewer.css so it can repoint the engine's hardcoded
   families without forking the shared stylesheet. */

:root {
  --display: 'Comfortaa', 'Source Sans 3', system-ui, sans-serif;
  /* Only one display weight ships — pin it so the browser never fakes a bolder cut. */
  --display-weight: 600;
  --text: 'Source Sans 3', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: 'Ubuntu Sans Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

html, body { font-family: var(--text); }

/* Headline voice */
.sidebar-title,
.modal-title,
.modal-eyebrow,
.scene-help-title,
.toast-label,
.intro-label,
.scene-label-name .label-slot,
.action-btn.action-pill {
  font-family: var(--display);
  font-weight: var(--display-weight);
}

/* Technical voice */
.scene-label-meta .label-slot,
.scene-num,
.sidebar-meta,
.nav-tip kbd,
.shortcut-row kbd,
.toast-url {
  font-family: var(--mono);
}

/* Comfortaa is drawn on a wide, loosely spaced grid — pull it in so the
   sidebar and modal headings stop overflowing their one-line ellipsis. */
.sidebar-title { font-size: 13px; letter-spacing: -.02em; }
.scene-label-name .label-slot { letter-spacing: -.02em; }
.modal-title { font-size: 19px; letter-spacing: -.02em; }
.modal-eyebrow { letter-spacing: .1em; }

/* Source Sans 3 has a small x-height; the 11px chrome copy needs the point back. */
.sidebar-subtitle,
.tag-chip { font-size: 12px; }