/* Shared base — Kaffeehaus / Zinares
   Logo-red background, white American Typewriter Std Light text. */

@font-face {
  font-family: 'ATW Light';
  src: url('../fonts/AmericanTypewriterStd-Light.woff2') format('woff2'),
       url('../fonts/AmericanTypewriterStd-Light.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --red: #c83053;
  --wobble-deg: 10deg;   /* wackel-winkel  */
  --wobble-tempo: 2.6s;  /* wackel-tempo   */
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  background: var(--red);
  color: #ffffff;
  font-family: 'ATW Light', 'Archivo', serif;
  overflow-x: hidden;
}

/* Shared "wackel" (wobble) + marquee motion */
@keyframes wob {
  0%   { transform: rotate(calc(var(--wobble-deg) * -1)); }
  50%  { transform: rotate(var(--wobble-deg)); }
  100% { transform: rotate(calc(var(--wobble-deg) * -1)); }
}
@keyframes marq {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .wob, .marquee__track { animation: none !important; }
}