/* snapshtr - Hausfarben und Hausschrift.
   Erzeugt von marke/marke_bauen.py - nicht von Hand aendern.
   Zweck jeder Farbe: marke/farben.json bzw. marke/markenhandbuch.html.
   Zahlen in den Kommentaren: WCAG-Kontrast der Farbe zu Weiss / Nacht / Tinte. */
@font-face { font-family: "Sora"; src: url("web/schrift/Sora.woff2") format("woff2");
  font-weight: 100 800; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("web/schrift/Figtree.woff2") format("woff2");
  font-weight: 300 900; font-display: swap; }

:root {
  /* Marke */
  --snapshtr-blau: #2BB3FF;           /* snapshtr-Blau - Weiss 2.3, Nacht 7.7, Tinte 8.1 */
  --snapshtr-blau-tief: #0A6E9E;      /* Blau tief - Weiss 5.6, Nacht 3.2, Tinte 3.4 */

  /* Video (Remotion, Intro, Karte) */
  --snapshtr-blau-nacht: #104461;     /* Blau Nacht - Weiss 10.4, Nacht 1.7, Tinte 1.8 */
  --snapshtr-blau-mitte: #1E7DB3;     /* Blau Mitte - Weiss 4.5, Nacht 4.0, Tinte 4.2 */
  --snapshtr-blau-hauch: #A0DDFF;     /* Blau Hauch - Weiss 1.5, Nacht 12.2, Tinte 12.8 */
  --snapshtr-gold: #F5C24B;           /* Ziel-Gold - Weiss 1.7, Nacht 10.8, Tinte 11.4 */

  /* Neutrale */
  --snapshtr-tinte: #111111;          /* Tinte - Weiss 18.9, Nacht 1.1, Tinte 1.0 */
  --snapshtr-nacht: #16171C;          /* Nacht - Weiss 17.9, Nacht 1.0, Tinte 1.1 */
  --snapshtr-flaeche: #1E2027;        /* Fläche - Weiss 16.3, Nacht 1.1, Tinte 1.2 */
  --snapshtr-nebel: #EEF0F4;          /* Nebel - Weiss 1.1, Nacht 15.7, Tinte 16.6 */
  --snapshtr-grau: #565C68;           /* Grau - Weiss 6.7, Nacht 2.7, Tinte 2.8 */
  --snapshtr-grau-hell: #A8ADB8;      /* Grau hell - Weiss 2.2, Nacht 8.0, Tinte 8.4 */
  --snapshtr-papier: #F4F5F7;         /* Papier - Weiss 1.1, Nacht 16.4, Tinte 17.3 */
  --snapshtr-weiss: #FFFFFF;          /* Weiß - Weiss 1.0, Nacht 17.9, Tinte 18.9 */

  /* Zustand - nur Dashboard und Recorder, nie Logo oder Video. -dunkel = Wert fuer dunklen Grund */
  --snapshtr-ok: #15784D;             /* In Ordnung - Weiss 5.5, Nacht 3.3, Tinte 3.4 */
  --snapshtr-ok-dunkel: #4FD693;      /* auf Nacht 9.7 */
  --snapshtr-warn: #8F5600;           /* Achtung - Weiss 6.0, Nacht 3.0, Tinte 3.1 */
  --snapshtr-warn-dunkel: #F2B545;    /* auf Nacht 9.8 */
  --snapshtr-alarm: #C0341F;          /* Alarm - Weiss 5.6, Nacht 3.2, Tinte 3.4 */
  --snapshtr-alarm-dunkel: #FF7A68;   /* auf Nacht 7.0 */
  --snapshtr-aufnahme: #C22A63;       /* Aufnahme - Weiss 5.5, Nacht 3.2, Tinte 3.4 */
  --snapshtr-aufnahme-dunkel: #FF6FA8;/* auf Nacht 6.9 */
  --snapshtr-fokus: #2B5FD9;          /* Fokus - Weiss 5.6, Nacht 3.2, Tinte 3.4 */
  --snapshtr-fokus-dunkel: #6F9BFF;   /* auf Nacht 6.7 */

  /* Schrift */
  --snapshtr-schrift-marke: "Sora", "Figtree", system-ui, sans-serif;
  --snapshtr-schrift: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
}