/* Dürrenast-Leist · Design-Tokens. Erzeugt aus tokens.json – dort ändern, nicht hier. */
:root, [data-theme="hell"] {
  --see-tief: #0B4F6C;
  --see-hell: #9FD0DE;
  --sonne: #F4C542;
  --geranie: #E0482B;
  --kalk: #F7F3EC;
  --stein: #E7E1D6;
  --tinte: #1A2325;
  --grau: #505A5C;
  --horizont-fern: #4E899F;
  --horizont-vorn: #073B51;
  --horizont-dunst-1: #3F7C94;
  --horizont-dunst-2: #6BA3B6;
  --horizont-see-mittel: #5590A5;
  --grund: #F7F3EC;
  --grund-ruhig: #E7E1D6;
  --schrift: #1A2325;
  --schrift-leise: #505A5C;
  --akzent: #0B4F6C;
  --linie: #D8D1C4;
}
[data-theme="dunkel"] {
  --grund: #0B4F6C;
  --grund-ruhig: #073B51;
  --schrift: #F7F3EC;
  --schrift-leise: #9FD0DE;
  --akzent: #9FD0DE;
  --linie: #1D6383;
}
:root {
  --font-grotesk: "Schibsted Grotesk", Arial, sans-serif;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-pill: 999px;
  --takt-1: 120ms;
  --takt-2: 240ms;
  --takt-3: 480ms;
  --takt-4: 900ms;
  --versatz: 120ms;
  --ein: cubic-bezier(.22,.8,.24,1);
  --aus: cubic-bezier(.4,0,1,1);
  --standard: cubic-bezier(.4,0,.2,1);
  --plopp: cubic-bezier(.3,1.4,.5,1);
}
.print-h1 { font-family: var(--font-grotesk); font-size: 48px; line-height: 51px; font-weight: 800; }
.print-h2 { font-family: var(--font-grotesk); font-size: 32px; line-height: 36px; font-weight: 800; }
.print-h3 { font-family: var(--font-grotesk); font-size: 21px; line-height: 27px; font-weight: 700; }
.print-dachzeile { font-family: var(--font-grotesk); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; }
.print-text { font-family: var(--font-grotesk); font-size: 14px; line-height: 21px; font-weight: 400; }
.print-caption { font-family: var(--font-grotesk); font-size: 11px; line-height: 15px; font-weight: 400; }
.web-h1 { font-family: var(--font-grotesk); font-size: 48px; line-height: 50px; font-weight: 800; letter-spacing: -0.02em; }
.web-h2 { font-family: var(--font-grotesk); font-size: 32px; line-height: 37px; font-weight: 800; }
.web-h3 { font-family: var(--font-grotesk); font-size: 22px; line-height: 28px; font-weight: 700; }
.web-dachzeile { font-family: var(--font-grotesk); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; }
.web-text { font-family: var(--font-grotesk); font-size: 17px; line-height: 27px; font-weight: 400; }
.web-caption { font-family: var(--font-grotesk); font-size: 13px; line-height: 18px; font-weight: 400; }
@media (prefers-reduced-motion: reduce) { :root { --takt-1: 0ms; --takt-2: 0ms; --takt-3: 0ms; --takt-4: 0ms; --versatz: 0ms; } }