:root{
--font-ui:'Source Sans Pro','Source Sans 3',Arial,sans-serif;   /* everything */
--font-mono:monospace;                                          /* fader graduations, coordinates */
--font-display:'Source Sans Pro','Source Sans 3',Arial,sans-serif;

--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */

/* Sizes in use, verbatim from the application */
--fs-tick:10px;        /* fader graduations, meter indices */
--fs-micro:11px;       /* CPU meter value */
--fs-caption:12px;     /* control labels, bank selector, coordinates */
--fs-control:14px;     /* ALL controls: buttons, numboxes, toggles, dropdowns */
--fs-card-title:15px;  /* section h2 */
--fs-sub-nav:17px;     /* sidebar sub-item */
--fs-title:21px;       /* title-bar session name */
--fs-nav:22px;         /* sidebar destination */
--fs-page:36px;        /* placeholder page heading */

--lh-tight:1.1; /* @kind font */
--lh-title:1.25; /* @kind font */
--lh-normal:1.5; /* @kind font */

--tracking-wordmark:0.02em; /* @kind font */
--tracking-tagline:0.34em;  /* @kind font — UNLOCK IMMERSIVE SOUND */
--tracking-label:0.04em;    /* @kind font — streamdeck-style micro labels */

/* Composite roles */
--type-nav:var(--fw-bold) var(--fs-nav)/1 var(--font-ui);            /* uppercase */
--type-sub-nav:var(--fw-bold) var(--fs-sub-nav)/1 var(--font-ui);    /* uppercase */
--type-title:var(--fw-regular) var(--fs-title)/var(--lh-title) var(--font-ui);
--type-card-title:var(--fw-bold) var(--fs-card-title)/1.2 var(--font-ui);
--type-control:var(--fw-regular) var(--fs-control)/1.2 var(--font-ui);
--type-body:var(--fw-regular) var(--fs-control)/var(--lh-normal) var(--font-ui);
--type-caption:var(--fw-regular) var(--fs-caption)/1.3 var(--font-ui);
--type-tick:var(--fw-regular) var(--fs-tick)/1 var(--font-mono);
--type-readout:var(--fw-regular) var(--fs-caption)/1.2 var(--font-mono);
}