/* TOMORIS.Design 3.11.0 · tomoris-base.css · FREIWILLIG
   Setzt nur, was ohne sie kaputt waere: den sichtbaren Tastaturfokus
   und die Grundlage der Seite an .tm-root (Grund, Textfarbe, Schrift,
   Grundschrift). Alles andere ist Sache der Anwendung.

   Was 1.0.1 hier falsch gemacht hat und was daraus folgt:
   - font-size AM WURZELELEMENT verschob die gesamte rem-Skala;
     Whisper mass 1590 auf 1507 Pixel Seitenlaenge. Die Grundschrift
     (BA-547 Teil E, Entscheidung 6) sitzt deshalb an .tm-root, das
     der Leitfaden auf body setzt, und ausdruecklich nicht an :root:
     haengt jemand .tm-root an <html>, bleibt rem unberuehrt.
   - 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.
   - 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);
  }
  /* Grundschrift fuer Fliesstext und Tabellenzellen: --tm-size-body war
     bis 3.9.0 ein Token, das keine Datei anwendete, und ohne Zeilenhoehe
     galt die Browservorgabe (16 px, normal). Muster mit eigener Groesse
     (Titel, Kennzahlen, Abzeichen) setzen sie selbst und bleiben gleich. */
  .tm-root:not(:root){
    font-size: var(--tm-size-body);
    line-height: var(--tm-leading-body);
  }
  .tm-root :where(h1,h2,h3,h4){ color: inherit }

  /* DER RING KOMMT JETZT AUS TOKENS, nicht mehr aus dieser Datei.
     Der Unterschied ist nicht kosmetisch: diese Datei ist FREIWILLIG. Wer sie
     nicht einbindet - und das sind die meisten - hatte bis hierher nichts, worauf
     er zeigen konnte, und hat den Ring selbst gebaut. Gemessen sind das 40 Dateien
     in 12 Repos mit sechs Bauformen; eine davon schaltet ihn ganz ab.
     --tm-focus-width und --tm-focus-offset stehen ab 3.7.0 in tomoris-tokens.css
     und gelten damit auch ohne diese Datei.

     --tm-focus-color ist der Ueberschreibhaken, kein Token: ohne ihn traegt
     --tm-accent-text die Farbe, und die ist je Welt und Modus auf Kontrast
     geprueft. Wer ihn setzt, uebernimmt diese Pruefung selbst. */
  .tm-root :where(a,button,input,select,textarea,[tabindex]):focus-visible{
    outline: var(--tm-focus-width) solid var(--tm-focus-color, var(--tm-focus-color-default, var(--tm-accent-text)));
    outline-offset: var(--tm-focus-offset);
  }
}
@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;
  }
}