/* Abendkarte — Design-Tokens. Hell, redaktionell, tabellenorientiert. */

@font-face {
  font-family: 'Newsreader';
  src: url('/fonts/newsreader-var.woff2') format('woff2-variations');
  font-weight: 300 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('/fonts/archivo-var.woff2') format('woff2-variations');
  font-weight: 300 700; font-style: normal; font-display: swap;
}

:root {
  --w2-paper:     #f7f4ee;
  --w2-paper-2:   #efeae0;
  --w2-ink:       #1c1b18;
  --w2-ink-soft:  #4b4740;
  --w2-ink-faint: #8b857a;
  --w2-rule:      #d8d1c3;
  --w2-forest:    #1f4634;
  --w2-forest-2:  #2f6b4f;
  --w2-brick:     #8c3b2a;
  --w2-ok:        #1f4634;

  --w2-serif: 'Newsreader', 'Iowan Old Style', Georgia, serif;
  --w2-sans:  'Archivo', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --w2-t--1: clamp(0.80rem, 0.78rem + 0.10vw, 0.88rem);
  --w2-t-0:  clamp(1.00rem, 0.97rem + 0.14vw, 1.06rem);
  --w2-t-1:  clamp(1.18rem, 1.12rem + 0.30vw, 1.38rem);
  --w2-t-2:  clamp(1.44rem, 1.30rem + 0.66vw, 1.85rem);
  --w2-t-3:  clamp(1.80rem, 1.50rem + 1.35vw, 2.55rem);

  --w2-1: 0.35rem;
  --w2-2: 0.7rem;
  --w2-3: 1.2rem;
  --w2-4: 1.9rem;
  --w2-5: 3rem;
  --w2-6: 4.5rem;

  --w2-frame: 68rem;
  --w2-rule-line: 1px solid var(--w2-rule);
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; }
@media (max-width: 48rem) { html { font-size: 97%; } }
@media (max-width: 30rem) { html { font-size: 95%; } }