/* SciStudio — typography tokens.
   Display: Space Grotesk (500/700). Body: IBM Plex Sans (400/500/600).
   Loaded from Google Fonts in tokens/fonts.css. */

:root {
  --font-display: "Space Grotesk", "IBM Plex Sans", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Sizes seen in the app */
  --text-hero: 4.5rem;        /* welcome h1 (text-7xl) */
  --text-panel-title: 1.25rem;/* palette "Palette" (text-xl display) */
  --text-lg: 1.125rem;
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-toolbar: 0.8rem;     /* toolbar buttons */
  --text-xs: 0.75rem;
  --text-tab: 0.75rem;        /* editor tabs */
  --text-node-label: 13px;    /* block node label, display 600 */
  --text-tile-label: 12px;    /* palette tile label, display 500 */
  --text-section: 11px;       /* uppercase section headers */
  --text-chip: 10px;          /* category chips */

  /* Section-header treatment: 11px, 600, uppercase, huge tracking */
  --tracking-section: 0.3em;
  --tracking-chip: 0.025em;
}