:root {
  --kzdg-bg: oklch(0.17 0.015 300);
  --kzdg-surface: oklch(0.21 0.02 300);
  --kzdg-surface-2: oklch(0.26 0.025 300);
  --kzdg-line: oklch(0.34 0.03 300);
  --kzdg-text: oklch(0.93 0.01 300);
  --kzdg-muted: oklch(0.72 0.025 300);
  --kzdg-accent: oklch(0.74 0.15 300);
  --kzdg-accent-ink: oklch(0.18 0.03 300);
  --kzdg-warm: oklch(0.82 0.13 70);
  --kzdg-cool: oklch(0.78 0.1 185);
  --kzdg-danger: oklch(0.72 0.15 25);

  --kzdg-font-head: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --kzdg-font-body: "Schibsted Grotesk", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --kzdg-t-n1: 0.833rem;
  --kzdg-t-0: 1rem;
  --kzdg-t-1: 1.2rem;
  --kzdg-t-2: 1.44rem;
  --kzdg-t-3: 1.728rem;
  --kzdg-t-4: 2.074rem;
  --kzdg-t-5: 2.488rem;
  --kzdg-t-6: 2.986rem;

  --kzdg-r: 6px;
  --kzdg-bw: 2px;
  --kzdg-gutter: clamp(1rem, 4vw, 2.5rem);
  --kzdg-wide: 72rem;
  --kzdg-gap: 1.25rem;
  --kzdg-pattern: url(../images/pattern.svg);
}