/* Corporate Design von vogelfrei-solutions.de: die eine Stelle für alle Werte der SEO-Betreuung.

   Quelle: app/globals.css und components/ui.tsx im Projekt vogelfrei-website, am 06.11.2026 mit der Live-Seite verglichen (Computer und Handy).
   Weboberfläche und Kundenzugang binden diese Datei ein, app/design.py gibt dieselben Werte an PDFs, QR-Karten und Mails weiter.
   Ändert sich die Website, wird nur hier geändert.

   Die Regeln der Website:
   - Fläche fast schwarz, Karten eine Stufe heller, Linien hauchdünn. Lime ist der einzige Akzent, ein Knopf in Lime hat schwarze Schrift.
   - Titel in Be Vietnam Pro (500), alles andere in Urbanist. Knöpfe sind Pillen, Karten haben große Radien.
   - Kleine Überschriften in Großbuchstaben mit Sperrung, davor ein kurzer Lime-Strich.
   Dazu für Papier und Mail, die auf Weiß bleiben (Tinte, Lesbarkeit im Druck):
   - Lime nie als Schrift auf Weiß (Kontrast 1,6:1), nur als Fläche mit schwarzer Schrift oder als Strich. Dunkle Flächen nur für Kopfband und Hervorhebungen. */

@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("schriften/urbanist.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("schriften/be-vietnam-pro-400.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 500; font-display: swap; src: url("schriften/be-vietnam-pro-500.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("schriften/be-vietnam-pro-600.woff2") format("woff2"); }

:root {
  /* Flächen und Schrift auf dunklem Grund, wie auf der Website */
  --grund: #0a0a09; --grund-2: #111110; --flaeche: #161615; --flaeche-2: #1f1f1f;
  --linie: rgba(254, 255, 255, .09); --linie-2: rgba(254, 255, 255, .18);
  --text: #e0e0e0; --gedimmt: #a2a2a2; --weiss: #feffff;
  --lime: #9edb1a; --lime-dunkel: #86be0c; --tinte: #0a0a09;

  /* Papier und Mail */
  --papier: #ffffff; --papier-text: #1c1c1a; --papier-gedimmt: #5a5a55; --papier-linie: #dcdcd6; --papier-flaeche: #f3f3ef;

  /* Statusfarben, die Website kennt nur Rot. Die anderen sind dazu passend gewählt und halten auf den Karten mindestens 4,5:1. */
  --rot: #ff6568; --orange: #ff9a3d; --gelb: #f5c451; --blau: #8ab4ff; --lila: #c4a7ff;
  --papier-rot: #b42318; --papier-gelb: #8a5a00; --papier-rot-flaeche: #fde8e8; --papier-gelb-flaeche: #fdf1cf; --papier-balken-gelb: #f0b429; --papier-balken-rot: #e12d39;

  --schrift: "Urbanist", "Segoe UI", Roboto, Arial, sans-serif;
  --schrift-titel: "Be Vietnam Pro", "Urbanist", "Segoe UI", Roboto, Arial, sans-serif;
  --radius-gross: 24px; --radius-mittel: 16px; --radius-klein: 12px; --radius-pille: 999px;
}