/*
 * Juno — Typography Tokens
 *
 * Three font families:
 *   --ff-d   Display / body prose   Newsreader (default) · Cormorant Garamond (Embers)
 *   --ff-u   UI chrome              Inter Tight (default) · falls back to system-ui
 *   --ff-m   Monospace / meta       JetBrains Mono
 *
 * Type scale is intentionally small — the writing surface is the primary canvas.
 * UI chrome stays compact (10–13px) to stay out of the way.
 */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Inter+Tight:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,600&display=swap');

:root {
  /* Font families */
  --ff-d:     "Newsreader", Georgia, serif;
  --ff-u:     "Inter Tight", system-ui, sans-serif;
  --ff-m:     "JetBrains Mono", monospace;

  /* Display / prose sizes (used in message thread + composer) */
  --text-msg:     15px;
  --text-msg-lh:  1.68;
  --text-cmp:     15.5px;
  --text-cmp-lh:  1.58;

  /* UI chrome sizes */
  --text-xs:   9.5px;   /* timestamps, labels, mono meta */
  --text-sm:   10.5px;  /* chips, kbd, secondary labels */
  --text-base: 12px;    /* agent names, group heads */
  --text-md:   13px;    /* leaf items, breadcrumbs */
  --text-lg:   14px;    /* section titles, sidebar project names */
  --text-xl:   17px;    /* stage header breadcrumb */
  --text-2xl:  19px;    /* reader panel title */

  /* Weights */
  --fw-normal:  400;
  --fw-medium:  500;
  --fw-semi:    600;

  /* Letter-spacing conventions */
  --ls-tight:  -0.01em;
  --ls-tighter: -0.003em;
  --ls-wide:    0.04em;
  --ls-wider:   0.06em;
  --ls-widest:  0.08em;
}

/* Theme overrides: display font only */
[data-theme="manuscript"],
[data-theme="birch"],
[data-theme="dusk"],
[data-theme="pitch"] {
  --ff-d: "Newsreader", Georgia, serif;
}

[data-theme="slate"],
[data-theme="obsidian"] {
  --ff-d: "Inter Tight", system-ui, sans-serif;
}

[data-theme="embers"] {
  --ff-d: "Cormorant Garamond", "Newsreader", Georgia, serif;
  /* Cormorant is large — bump prose sizes */
  --text-msg:    18px;
  --text-msg-lh: 1.84;
  --text-cmp:    19px;
  --text-cmp-lh: 1.72;
}