/* TOMORIS.Design 3.0.0 · tomoris-base.css · FREIWILLIG
   Setzt nur, was ohne sie kaputt waere. Das ist der sichtbare
   Tastaturfokus. Alles andere ist Sache der Anwendung.

   Was 1.0.1 hier falsch gemacht hat und was daraus folgt:
   - kein font-size. Am Wurzelelement verschob es die gesamte
     rem-Skala; Whisper mass 1590 auf 1507 Pixel Seitenlaenge.
   - keine Farbe auf Ueberschriften. Eine Vererbung verliert gegen
     jede Deklaration, auch gegen Spezifitaet 0 aus :where().
     Bei SupplyCheck stand die groesste Ueberschrift mit 1,15 zu 1
     dunkelblau auf dunkelblau, bei voll funktionsfaehiger Seite.
   - keine line-height, kein border-radius auf dem Fokus. */
@layer tomoris.base {
  .tm-root{
    background: var(--tm-bg);
    color: var(--tm-text-2);
    font-family: var(--tm-font);
  }
  .tm-root :where(h1,h2,h3,h4){ color: inherit }

  .tm-root :where(a,button,input,select,textarea,[tabindex]):focus-visible{
    outline: 2px solid var(--tm-accent-text);
    outline-offset: 2px;
  }
}
@media (prefers-reduced-motion: reduce){
  .tm-root *, .tm-root *::before, .tm-root *::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}
