/* FrontlineNetworks – Design-Tokens v1.0
   Übernommen aus dem Corporate-Design-Handbuch 1.0 (Kapitel 8).
   Änderungen nur gemeinsam mit einer neuen Version des Handbuchs. */
:root {
  /* Farbe */
  --fn-rot: #E62729;
  --fn-rot-tief: #A82527;
  --fn-blau: #1BA0DA;
  --fn-blau-nacht: #10507E;
  --fn-grau: #5C5C63;
  --fn-tiefe: #12212E;
  --fn-nebel: #EEF1F4;
  --fn-linie: #D9DEE4;
  --fn-papier: #FFFFFF;

  /* Rollen */
  --fn-text: var(--fn-tiefe);
  --fn-text-sek: var(--fn-grau);
  --fn-link: var(--fn-blau-nacht);
  --fn-warnung: var(--fn-rot-tief);
  --fn-fokus: var(--fn-blau);

  /* Zustände in Software (nur für Statusanzeigen) */
  --fn-status-alarm: #A82527;
  --fn-status-achtung: #B8730E;
  --fn-status-ok: #1B7A3E;
  --fn-status-aktiv: #10507E;

  /* Darkmode-Rollen (Website).
     Grundfläche ist Tiefe. Die Zwischentöne sind aus Tiefe abgeleitet, weil
     das Handbuch Ebenen über Flächenhelligkeit statt über Schatten bildet.
     Textfarben auf Dunkel nach Kontrasttabelle 3.3: Pulsblau statt Nachtblau.
     Hellrot und Hellblau stammen aus den Code-Beispielen des Handbuchs. */
  --fn-d-grund: var(--fn-tiefe);        /* Seitenhintergrund */
  --fn-d-grund-alt: #0E1B26;            /* abwechselnde Abschnitte, Fuß */
  --fn-d-flaeche: #1A2E3F;              /* Karten, Kopfleiste, Hinweise */
  --fn-d-feld: #0C1822;                 /* Eingabefelder */
  --fn-d-linie: #2B4154;                /* 1-px-Trennlinien */
  --fn-d-text: var(--fn-nebel);         /* 14,4 : 1 auf Tiefe */
  --fn-d-text-sek: #A9B4C0;             /* 7,8 : 1 auf Tiefe */
  --fn-d-link: var(--fn-blau);          /* 5,5 : 1 auf Tiefe */
  --fn-d-link-hover: #6FC8F0;           /* 8,7 : 1 auf Tiefe */
  --fn-d-alarm: #F09292;                /* 7,2 : 1 auf Tiefe */
  --fn-d-achtung: #E0A33A;              /* 7,4 : 1 auf Tiefe */
  --fn-d-ok: #5CC08A;                   /* 7,3 : 1 auf Tiefe */

  /* Verläufe */
  --fn-verlauf-puls: linear-gradient(135deg,#10507E,#1BA0DA);
  --fn-verlauf-flamme: linear-gradient(135deg,#E62729,#A82527);

  /* Schrift */
  --fn-font-display: "Nunito","Trebuchet MS",sans-serif;
  --fn-font-text: "IBM Plex Sans","Verdana",sans-serif;
  --fn-font-mono: "IBM Plex Mono","Consolas",monospace;

  /* Größen, Faktor 1,25 */
  --fn-fs-100: 13px;  --fn-fs-200: 16px;
  --fn-fs-300: 20px;  --fn-fs-400: 25px;
  --fn-fs-500: 31px;  --fn-fs-600: 39px;
  --fn-fs-700: 49px;

  /* Abstände, 4er-Raster */
  --fn-s-1: 4px;   --fn-s-2: 8px;
  --fn-s-3: 16px;  --fn-s-4: 24px;
  --fn-s-5: 40px;  --fn-s-6: 64px;

  /* Radien */
  --fn-r-klein: 4px;
  --fn-r-gross: 10px;
}