/*
 * module/startklar/assets/jugend-farben.css
 * Die Farben des Jugendwegs - an EINER Stelle, fuer alle sieben Seiten,
 * die eine jugendliche Person zu sehen bekommt.
 *
 * WOHER DIE WERTE STAMMEN
 * 1:1 aus webseite/assets/css/startklar.css. Jugendliche kommen ueber
 * startklar-ausbildung.de hierher; dort steht Navy auf 14 Flaechen, Lime ist
 * der Hauptakzent, Cyan setzt Konturen und Highlights. Kein zweites
 * Farbsystem, keine erfundenen Zwischentoene ausser den vier Stufen der
 * Skala-Treppe, die zwischen Navy und Cyan interpolieren.
 *
 * WAS HIER NICHT DAZUGEHOERT
 * Betriebsseiten, Backend, Moderation, Urkunden, Flyer und alle PDFs bleiben
 * hell. Die sehen andere Menschen in anderen Situationen - oft im Ausdruck,
 * wo dunkle Flaechen Toner fressen und schlechter lesbar sind.
 *
 * ZWEI NAMEN SIND ANDERS GEMEINT ALS SIE HEISSEN
 * Damit die vorhandenen var()-Aufrufe der Seiten unveraendert weiterlaufen:
 *   --white  ist die KARTENFLAECHE (Navy-hell), nicht Weiss.
 *   --blue   ist CYAN. Bright Blue (#006EFF) kommt auf Navy nur auf 3,5:1 -
 *            zu wenig fuer Text und Linien. Cyan traegt dort mit 8:1.
 *            Bright Blue steckt weiterhin drin, als --coral.
 */
:root{
  --ink:#FFFFFF;
  --ink-soft:rgba(255,255,255,.72);
  --ink-faint:rgba(255,255,255,.48);

  --paper:#07152E;        /* --navy      */
  --paper-deep:#040D1E;   /* --navy-tief */
  --white:#0E2144;        /* --navy-hell, Kartenflaeche */
  --flaeche-hoch:#132A54; /* Navy-hell, eine Spur angehoben */

  --blue:#00C8FF;         /* --cyan  */
  --blue-deep:#7FE3FF;
  --blue-soft:rgba(0,200,255,.14);
  --coral:#006EFF;        /* --blau  */
  --coral-deep:#4C9BFF;
  --coral-soft:rgba(0,110,255,.20);
  --neon:#D7FF00;         /* --lime  */

  --rand:rgba(255,255,255,.14);
  --rand-hell:rgba(255,255,255,.26);

  /* Zustaende. Auf Navy braucht Rot einen helleren Ton als auf Papier,
     sonst verschwindet die Schrift im Grund. */
  --fehler-bg:rgba(225,86,86,.15);
  --fehler-border:#E15656;
  --fehler-text:#FFB4B4;
  --gut-bg:rgba(52,168,101,.16);
  --gut-border:#34A865;
  --gut-text:#9FE8BC;
  /* Hinweiskaesten: auf hellem Grund war das Bernstein, auf Navy nimmt das
     Lime diese Rolle - gedaempft, damit es die Skala nicht ueberstrahlt. */
  --hinweis-bg:rgba(215,255,0,.10);
  --hinweis-rand:rgba(215,255,0,.34);
  --hinweis-text:#E8F5A8;

  --radius-lg:22px;
  --radius-md:14px;
}