/* ============================================================
   TOLEVIA — Gestaltungswerte
   Design ändern? Fast alles steht in dieser einen Datei.
   ============================================================ */

@font-face{
  font-family:'Instrument Sans';
  src:url('InstrumentSans.woff2?v=2') format('woff2');
  font-weight:400 700;
  /* Beide Achsen müssen hier angemeldet sein, sonst sperrt der Browser
     die Breite und lässt sie stumm auf 100 % stehen. */
  font-stretch:75% 100%;
  font-style:normal;
  font-display:block;
}

:root{
  /* Farben */
  --bg:#F4F3F0;
  --ink:#131316;
  --ink-soft:#2A2A2E;
  --mut:#5F6065;
  --line:#DFDEDA;

  /* Schrift */
  --sans:'Instrument Sans', ui-sans-serif, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Maße */
  --wrap:78rem;
  --gutter:clamp(1.375rem, 5vw, 3.5rem);

  /* Bewegung */
  --ease-out:cubic-bezier(.23, 1, .32, 1);

  /* Wortmarke */
  --mark-size:clamp(3.3rem, 19.5vw, 16.5rem);
  --mark-wght:560;
}