/* GENERERAD av scripts/gen-tokens.mjs ur scripts/lib/design-tokens.mjs — redigera INTE här. */
/* Weapps designtokens. 1rem = 18px (Semplice). Enbart :root-variabler, inga selektorer. */
:root {
  /* Färg */
  --w-green: #5fd086;
  --w-ink: #1a1a31;
  --w-teal: #26454f;
  --w-bg: #f7f7f7;
  --w-white: #ffffff;
  --w-muted: #707079;
  --w-error: #c0392b;
  --w-line: var(--w-ink);
  --w-line-on-dark: var(--w-bg);
  --w-text-on-dark: var(--w-white);
  --w-veil: rgba(26, 26, 49, 0.5);
  /* Typsnitt (roller) */
  --w-font-h1: 'Neue-Plak-Extended-SemiBold', sans-serif;
  --w-font-h2: 'Neue-Plak-Extended-Regular', sans-serif;
  --w-font-body: 'Neue-Plak-Regular', sans-serif;
  --w-font-semibold: 'Neue-Plak-SemiBold', sans-serif;
  /* Typskala (xl ≥ 1170px — per brytpunkt nedan) */
  --w-display-size: 120px;
  --w-display-lh: 112px;
  --w-h1-size: 104px;
  --w-h1-lh: 104px;
  --w-h1-ls: -1px;
  --w-h2-size: 64px;
  --w-h2-lh: 72px;
  --w-h2-ls: -1px;
  --w-h3-size: 32px;
  --w-h3-lh: 40px;
  --w-h3-ls: -0.1px;
  --w-lead-size: 22px;
  --w-lead-lh: 28px;
  --w-body-size: 18px;
  --w-body-lh: 24px;
  --w-body-mb: 24px;
  --w-small-size: 16px;
  --w-small-lh: 20px;
  --w-ui-size: 22px;
  --w-kicker-size: 18px;
  --w-kicker-lh: 24px;
  /* Spacing-rytm */
  --w-space-4: 4px;
  --w-space-8: 8px;
  --w-space-16: 16px;
  --w-space-24: 24px;
  --w-space-40: 40px;
  --w-space-64: 64px;
  --w-space-80: 80px;
  --w-space-120: 120px;
  --w-space-200: 200px;
  --w-section-y: var(--w-space-80);
  --w-band-y: var(--w-space-120);
  --w-footer-top: var(--w-space-120);
  --w-footer-bottom: var(--w-space-40);
  /* Layout */
  --w-container: 1800px;
  --w-wrap: 1368px;
  --w-measure: 736px;
  --w-page-x: 40px;
  --w-gutter: 20px;
  --w-nav-h: 68px;
  --w-nav-x: 60px;
  --w-nav-link-y: 25px;
  --w-logo-w: 104px;
  --w-overlay-link: 35px;
  --w-icon-size: 48px;
  /* Form */
  --w-radius: 0;
  --w-radius-pill: 60px;
  --w-border: 1px;
  --w-shadow: none;
  --w-btn-a-pad: 18px 80px;
  --w-btn-b-pad: 16px 60px;
  --w-pill-pad: 7px 20px 5px;
  --w-field-pad: 12px 16px;
  --w-focus: 2px solid var(--w-green);
  --w-focus-offset: 2px;
  /* Rörelse */
  --w-ease: cubic-bezier(0.19, 1, 0.22, 1);
  --w-ease-in-out: cubic-bezier(1, 0, 0, 1);
  --w-dur-hover: 0.55s;
  --w-dur-fill: 0.7s;
  --w-dur-fill-b: 0.65s;
  --w-dur-nav: 0.2s;
  --w-dur-overlay: 0.35s;
  --w-stagger: 80ms;
  --w-dur-init: 0.4s;
  --w-dur-image: 0.6s;
  --w-dur-veil: 0.3s;
  --w-dur-none: 0.01ms;
  --w-ease-image: ease;
  --w-ease-init: ease-out;
  --w-hover-ls: 0.5px;
  --w-thumb-scale: 1.10;
  /* Z-index */
  --w-z-sticky: 60;
  --w-z-back-to-top: 118;
  --w-z-nav: 120;
  --w-z-overlay: 250;
  --w-z-nav-open: 300;
}
@media screen and (min-width: 992px) and (max-width: 1169.98px) {
  :root {
    --w-h1-size: 88px;
    --w-h1-lh: 88px;
    --w-h2-size: 56px;
    --w-h2-lh: 62px;
    --w-h3-ls: -0.36px;
    --w-display-size: 112px;
    --w-display-lh: 104px;
    --w-page-x: 20px;
    --w-gutter: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  :root {
    --w-h1-size: 72px;
    --w-h1-lh: 72px;
    --w-h2-size: 40px;
    --w-h2-lh: 48px;
    --w-h3-size: 28px;
    --w-h3-lh: 32px;
    --w-h3-ls: -0.18px;
    --w-display-size: 80px;
    --w-display-lh: 76px;
    --w-ui-size: 18px;
    --w-page-x: 20px;
    --w-gutter: 15px;
  }
}
@media screen and (min-width: 544px) and (max-width: 767.98px) {
  :root {
    --w-h1-size: 48px;
    --w-h1-lh: 48px;
    --w-h2-size: 32px;
    --w-h2-lh: 36px;
    --w-h3-size: 26px;
    --w-h3-lh: 32px;
    --w-h3-ls: -0.18px;
    --w-display-size: 60px;
    --w-display-lh: 58px;
    --w-ui-size: 18px;
    --w-page-x: 20px;
    --w-gutter: 15px;
  }
}
@media screen and (max-width: 543.98px) {
  :root {
    --w-h1-size: 40px;
    --w-h1-lh: 40px;
    --w-h2-size: 32px;
    --w-h2-lh: 36px;
    --w-h3-size: 24px;
    --w-h3-lh: 28px;
    --w-display-size: 52px;
    --w-display-lh: 50px;
    --w-ui-size: 18px;
    --w-kicker-size: 16px;
    --w-kicker-lh: 20px;
    --w-page-x: 20px;
    --w-gutter: 15px;
    --w-nav-x: 27px;
    --w-nav-h: 64px;
  }
}