/* Scope V2 — multi-surface scale: web type ramp, touch sizing, spacing, breakpoints. Three density registers share one palette: instrument (QueueSee-class tools, 9–13px chrome), app (touch/web apps, 13–15px, 44px targets), reader (marketing/docs, 17px+ prose). */
:root{
/* web/reader type ramp (Plex Sans; no weight above 500) */
--scope-text-display-size:64px;--scope-text-display-leading:1.08;
--scope-text-display-2-size:42px;--scope-text-display-2-leading:1.15;
--scope-text-h1-size:32px;--scope-text-h1-leading:1.2;
--scope-text-h2-size:24px;--scope-text-h2-leading:1.25;
--scope-text-h3-size:18px;--scope-text-h3-leading:1.35;
--scope-text-lead-size:22px;--scope-text-lead-leading:1.45;
--scope-text-prose-size:17px;--scope-text-prose-leading:1.6;
/* app register (touch/web) */
--scope-text-app-body-size:15px;
--scope-text-app-chrome-size:13px;
--scope-touch-target:44px; /* minimum hit target on touch surfaces */
--scope-h-navbar:56px; /* mobile app bar */
--scope-h-navbar-desktop:64px;
--scope-h-listrow:52px; /* touch list row (never below 44) */
/* spacing scale (px): chrome uses 2/4/8/12; layout uses 16+ */
--scope-space-1:4px;--scope-space-2:8px;--scope-space-3:12px;--scope-space-4:16px;--scope-space-5:24px;--scope-space-6:32px;--scope-space-7:48px;--scope-space-8:64px;
/* breakpoints (documented values — use in media queries directly: 640 / 1024 / 1440) */
--scope-bp-compact:640px; /* below: single column, stacked nav */
--scope-bp-medium:1024px; /* below: rails collapse, 2-col grids */
--scope-bp-wide:1440px; /* above: cap content at 1200px */
--scope-content-max:1200px;
}