/* Magpie Works brand tokens. Source: brand/BRAND.md. Copied into each deploy folder by deploy/sync-brand.sh. */
@font-face { font-family: "Rubik"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/Rubik-Regular.woff2") format("woff2"); }
@font-face { font-family: "Rubik"; font-weight: 400; font-style: italic; font-display: swap; src: url("fonts/Rubik-Italic.woff2") format("woff2"); }
@font-face { font-family: "Rubik"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/Rubik-Bold.woff2") format("woff2"); }
@font-face { font-family: "Rubik"; font-weight: 700; font-style: italic; font-display: swap; src: url("fonts/Rubik-BoldItalic.woff2") format("woff2"); }

:root {
  --mag-black: #121110;
  --mag-white: #FFFFFF;
  --mag-grey: #F2F2F2;      /* neutral surface, sparingly */
  --mag-muted: #B3B3B3;     /* de-emphasised meta text only */
  --mag-line: rgba(18, 17, 16, .15);

  --font: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fw-regular: 400;
  --fw-bold: 700;

  /* site scale */
  --fs-display: clamp(3.5rem, 9vw, 7.5rem);
  --fs-h1: clamp(2.5rem, 5vw, 4rem);
  --fs-h2: 2rem;
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-meta: 0.8125rem;
  /* portal scale (dense) */
  --fs-app-h1: 1.75rem;
  --fs-app-h2: 1.25rem;
  --fs-app-body: 1rem;
  --fs-app-table: 0.9375rem;
  --fs-app-meta: 0.8125rem;

  --lh-tight: 1.0;
  --lh-body: 1.5;
  --ls-tight: -0.02em;

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

  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;
  --border: 1px; --border-strong: 1.5px;
  --logo-tilt: 12deg;   /* the only allowed rotation of the Double Line logo */
  --measure: 60ch;
}