/* Spacing, type, radius, stroke. Reskin replaces values only.

   Type is IBM Plex Sans throughout (SIL OFL 1.1), self-hosted in /assets/fonts/ with its licence,
   so the portal renders identically offline in a meeting room — no font CDN at runtime. One
   variable file covers every weight used here (400/500/600). Latin subset; numbers use tabular
   figures wherever they line up in columns (`font-variant-numeric: tabular-nums`). */

@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 100 700; font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;

  --font-sans: "IBM Plex Sans", ui-sans-serif, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* One family, as in the reference: headings are Plex at a heavier weight, not a second face. */
  --font-display: var(--font-sans);
  /* Only the Liquid template editor uses mono. */
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --text-2xs: 11px; --text-xs: 12px; --text-sm: 13px; --text-md: 14px;
  --text-lg: 16px;  --text-xl: 24px; --text-2xl: 28px;

  --weight-normal: 400; --weight-medium: 500; --weight-bold: 600;
  --leading-tight: 1.2; --leading-normal: 1.5;
  /* Table headers and status badges are small capitals with a little air, as in the reference. */
  --tracking-caps: .04em;

  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 12px; --radius-pill: 999px;
  --stroke: 1px;
  --shadow-sm: 0 1px 2px rgb(16 24 40 / .05);
  --shadow-card: 0 1px 2px rgb(16 24 40 / .04), 0 1px 3px rgb(16 24 40 / .03);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .12);
  --shadow-tab: 0 1px 2px rgb(16 24 40 / .08);

  /* The header: one row — brand, navigation, and the account controls. */
  --header-h: 60px; --nav-link-h: 36px; --icon: 18px;
}