/* generated from work/rettskrav-cloudflare/.site/tokens.json — do not edit by hand */
:root {
  --color-brand: #285d53;
  --color-brand-soft: #e1eee8;
  --color-ink: #293b35;
  --color-accent: #87512e;
  --color-muted: #52665e;
  --color-surface: #ffffff;
  --color-surface-alt: #f8f8f4;
  --color-line: #d9e2dc;
  --color-danger: #a12d36;
  --color-sidebar: #eef4ef;
  --font-heading: 'Nunito Sans', 'Segoe UI', sans-serif;
  --font-body: 'Nunito Sans', 'Segoe UI', sans-serif;
  --font-display: 'Nunito Sans', 'Segoe UI', sans-serif;
  --size-step--2: 0.8125rem;
  --size-step--1: 1rem;
  --size-step-0: 1rem;
  --size-step-1: clamp(1.125rem, 1.089rem + 0.179vw, 1.25rem);
  --size-step-2: clamp(1.375rem, 1.304rem + 0.357vw, 1.625rem);
  --size-step-3: clamp(1.5rem, 1.393rem + 0.536vw, 1.875rem);
  --size-brand: 1.625rem;
  --size-hero: clamp(2rem, 1.571rem + 2.143vw, 3.5rem);
  --size-lead: clamp(1.063rem, 1.027rem + 0.179vw, 1.188rem);
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(1.5rem, 1.214rem + 1.429vw, 2.5rem);
  --space-xl: clamp(2rem, 1.714rem + 1.429vw, 3rem);
  --space-section: clamp(2.5rem, 1.786rem + 3.571vw, 5rem);
  --radius-none: 0;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-pill: 999px;
  --shadow-s: 0 2px 8px rgb(41 59 53 / 0.025);
  --shadow-m: 0 16px 48px rgb(24 52 73 / 0.16);
  --container-content: 44rem;
  --container-max: 96rem;
  --container-gutter: clamp(1rem, 2.5vw, 2.5rem);
  --container-sidebar: 14rem;
  --container-aside: 18rem;
  --container-dialog: 38rem;
  --container-mobile: 760px;
  --container-icon: 20px;
  --container-target: 44px;
  --container-mark: 32px;
  --container-reading: 68ch;
  --container-doc-kind: 9rem;
  --container-doc-date: 7rem;
  --container-doc-file: 7rem;
  --container-doc-filter: 18rem;
  --container-event-date: 7rem;
  --container-landing: 76rem;
  --container-hero-copy: 36rem;
}

:root[data-theme="dark"] {
  --color-brand: #9acbbb;
  --color-brand-soft: #283e35;
  --color-ink: #e4eee8;
  --color-accent: #e6b58f;
  --color-muted: #adc0b5;
  --color-surface: #1c2923;
  --color-surface-alt: #151e1b;
  --color-line: #405449;
  --color-danger: #ffa9b0;
  --color-sidebar: #19261f;
}