/* ============================================================
   Molnstruktur — Typography tokens
   Manual: rubriker = Poppins Bold, brödtext = Poppins Light.
   Headings & body preferably set in lowercase (gemener),
   black/navy on light, white on dark, cornflower for accents.
   Poppins is the genuine brand typeface (Google Fonts).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  /* Families */
  --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SFMono-Regular', ui-monospace, Menlo, Consolas, monospace;

  /* Weights — per manual: Light for body, Bold for headings */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Type scale (1rem = 16px) */
  --text-xs: 0.75rem;     /* 12 */
  --text-sm: 0.875rem;    /* 14 */
  --text-base: 1rem;      /* 16 */
  --text-lg: 1.125rem;    /* 18 */
  --text-xl: 1.375rem;    /* 22 */
  --text-2xl: 1.75rem;    /* 28 */
  --text-3xl: 2.25rem;    /* 36 */
  --text-4xl: 3rem;       /* 48 */
  --text-5xl: 4rem;       /* 64 */
  --text-6xl: 5rem;       /* 80 */

  /* Line heights */
  --leading-none: 1;
  --leading-tight: 1.08;
  --leading-snug: 1.22;
  --leading-normal: 1.55;
  --leading-relaxed: 1.72;

  /* Letter spacing — Poppins headings sit a touch tighter */
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-eyebrow: 0.14em;   /* lowercase eyebrow labels */

  /* Composite heading tokens */
  --heading-weight: var(--weight-bold);
  --heading-family: var(--font-heading);
  --heading-tracking: var(--tracking-tight);
  --body-weight: var(--weight-light);
  --body-family: var(--font-sans);
}