/*
 * Designtoken — die einzige Stelle, an der Farben, Abstände, Radien und
 * Schriftgrößen definiert werden. Modul-Stylesheets verwenden ausschließlich
 * diese Variablen; feste Werte sind dort nicht zulässig.
 *
 * --marke, --akzent und --aenderung überschreibt die Anwendung zur Laufzeit
 * aus den Administrationseinstellungen (siehe app/Views/layout.php).
 */

:root {
  /* Flächen und Linien */
  --papier:        #EEEDE8;
  --flaeche:       #FFFFFF;
  --flaeche-2:     #F5F4EF;
  --flaeche-3:     #E7E5DD;
  --linie:         #DBD7CB;
  --linie-stark:   #B7B1A0;

  /* Text */
  --text:          #20221F;
  --text-2:        #5B5C54;
  --text-invers:   #F2F1EC;

  /* Marke und Signale */
  --marke:         #1B2735;
  --marke-hell:    #324459;
  --akzent:        #7A5C33;
  --akzent-flaeche:#F1E9DA;
  --aenderung:     #FBF1C7;
  --aenderung-linie:#DDC776;
  --warnung:       #8C3A34;
  --gut:           #3E6350;

  /* Ein Radius für alles. Keine Ausnahmen. */
  --radius: 2px;

  /* Abstandsskala, Vielfache von 4 */
  --raum-1:  4px;
  --raum-2:  8px;
  --raum-3: 12px;
  --raum-4: 16px;
  --raum-5: 24px;
  --raum-6: 32px;
  --raum-7: 48px;

  /* Sechs Schriftgrößen, mehr nicht */
  --schrift-mikro: 10.5px;  /* Feldbeschriftungen, Versalien */
  --schrift-klein: 12px;    /* Hinweise, Tabellenzusätze */
  --schrift-basis: 13.5px;  /* Fließtext, Tabellen, Eingaben */
  --schrift-gross: 15px;    /* Abschnittsüberschriften */
  --schrift-titel: 18px;    /* Seitentitel */
  --schrift-zahl:  22px;    /* Kennzahlen */

  /* Schriftfamilien */
  --schrift: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --schrift-fest: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  /* Linienstärken */
  --linie-1: 1px;
  --linie-2: 2px;

  --kopf-hoehe: 56px;
}