/* Scope V2 — metrics: radii, hairlines, fixed chrome sizes, spacing. Exact app values. */
:root{
--scope-radius:4px; /* modules, buttons, cards */
--scope-radius-sm:3px; /* chips, tabs, seg buttons, nav rows */
--scope-radius-lg:5px; /* transport buttons, dialog combos */
--scope-radius-dialog:10px; /* dialog card outer */
--scope-radius-dialog-inner:9px; /* dialog title bar / footer (outer − 1px border) */
--scope-hairline:1px;
/* fixed chrome heights */
--scope-h-toolbar:46px; /* 30px on macOS */
--scope-h-panel-header:28px;
--scope-h-viewer-header:28px;
--scope-h-chip:22px; /* chip combo / chip textbox MinHeight */
--scope-h-transport-btn:38px;
--scope-w-transport-btn:40px;
--scope-w-play-btn:52px;
--scope-h-caption-btn:46px; /* windows caption button (w 46) */
/* layout */
--scope-rack-margin:12px; /* window gutter around the dock area */
--scope-splitter:8px; /* dock divider band (transparent; green tint on hover) */
--scope-deck-row:84px; /* transport deck fixed row */
/* spacing scale observed in chrome — CSS shorthand order (vertical horizontal).
   NOTE: these were previously stored in Avalonia "H,V" order, which read as inverted
   padding in CSS. Corrected 2026-08-08; components now consume the tokens directly. */
--scope-pad-chip:3px 8px; /* chip button */
--scope-pad-seg:3px 7px; /* segmented chip */
--scope-pad-tab:5px 10px; /* dock tab */
--scope-pad-btn:6px 14px; /* primary button */
--scope-pad-outline:7px 14px; /* outline button */
--scope-pad-nav:6px 10px; /* settings nav row */
/* App nav item wash. Y is under X because uppercase leaves ~1.7px of internal leading above
   the caps at 11px, so 10px of padding reads as ~12px — matching X optically, not numerically.
   The 44px touch target is the transparent parent, not this box. */
--scope-pad-nav-wash-x:12px;
--scope-pad-nav-wash-y:10px;
--scope-pad-combo:7px 11px; /* dialog combo (bars override to 3px 9px) */
--scope-pad-cell:0 8px; /* table cell */
--scope-pad-row:5px 4px; /* table row */
}