:root{
  /* --bxyz-notis-- färger */
  --color-bg: #ffffff;
  --color-fg: whitesmoke;
  --color-muted: #666666;
  --color-accent: #111111;

  /* --bxyz-notis-- typsnitt */
  --font-family-base: 'Atlas Grotesk LCG Web Reg', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-size-base: 1.15rem;
  --font-size-xxs: 0.75rem;
  --font-size-xs: 0.875rem;
  --font-size-sm: 1rem;
  --font-size-md: 1.15rem;
  --font-size-lg: 1.35rem;
  --font-size-xl: 1.6rem;

  body, a, button { color: black; background: rgb(255, 255, 255); }

  --site-m: 1.15rem;
  --gap: 1.15rem;
  --nav-h: 56px;
}

/* --bxyz-notis-- typsnittsinbäddning (lägg fontfiler i assets/fonts/) */
@font-face{
  font-family:'Atlas Grotesk LCG Web Reg';
  src: url('../fonts/AtlasGroteskLCGWeb-Regular.woff2') format('woff2'),
       url('../fonts/AtlasGroteskLCGWeb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}