/* ============================================================================
   SERVE DESIGN SYSTEM — root stylesheet
   Import this in any artifact to get the full Serve foundation.
   ============================================================================ */
/* Self-hosted brand fonts (@font-face). Guardian Egyptienne (licensed slab). */
@import "./fonts/serve-fonts.css";
@import "./colors_and_type.css";
/* Complete raw token set generated from Figma Variables — ALL 6 collections,
   every brand + theme mode (Telegraaf, NRC, Mediahuis, Dumpert, NHD, Hyves…;
   Light/Dark). Dimension tokens are unitless floats consumed via calc(var()*1px).
   Use colors_and_type.css for the curated semantic layer; reach into
   fig-tokens.css for a specific raw scale value. */
@import "./components/fig-tokens.css";
/* Bitmap assets used by materialized components (.fig-asset-* classes). */
@import "./components/fig-assets.css";

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--text-primary);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}