/* Type inside the scenes.js drawings, shared by the pitch and the product pages.
   Each page defines --serif, --sans, --mono, --on-deep, --on-deep-soft and --orange. */

svg .t-name { font: 400 22px var(--serif); fill: var(--on-deep); letter-spacing: -.01em; }
svg .t-sans { font: 500 14px var(--sans); fill: var(--on-deep); letter-spacing: .01em; }
svg .t-role { font: 500 12px var(--mono); fill: var(--on-deep-soft); letter-spacing: .06em; text-transform: uppercase; }
svg .t-mono { font: 500 15px var(--mono); fill: var(--on-deep); }
svg .t-dim { font: 500 13px var(--mono); fill: var(--on-deep-soft); }
svg .t-warn { font: 600 14px var(--mono); fill: var(--orange); }

/* The 640×400 figures (scenes.js mini) draw at roughly 1.7×, so their type is set smaller. */
svg.mini text { white-space: pre; }
svg.mini .t-name { font: 400 18px var(--serif); }
svg.mini .t-mono { font: 500 12px var(--mono); fill: #d4d9de; }
svg.mini .t-dim { font: 500 12px var(--sans); }
svg.mini .t-role { font: 500 10px var(--mono); letter-spacing: .08em; }
svg.mini .t-tiny { font: 500 10px var(--mono); fill: #8b96a1; }
svg.mini .t-warn { font: 600 12px var(--mono); }
svg.mini .k-cmd { fill: var(--on-deep); }
svg.mini .k-ok { fill: var(--aqua); }
svg.mini .k-err { fill: var(--orange); }
svg.mini .k-body { fill: #b8c0c8; }