/* =============================================================================
   FM-Hosting — Design-Tokens
   Einzige Quelle der Wahrheit für Farben, Typo und Abstände.
   Website, Keycloak-, Paymenter- und BookStack-Theme importieren diese Datei
   bzw. spiegeln exakt diese Werte. Farbe nie irgendwo hart eintippen.

   ⚠ FM-Grün ist ein Vorschlag, bis Marcel den Hex-Wert aus dem Logo bestätigt.
   ============================================================================= */

:root {
  /* ─── Flächen: sehr dunkles Anthrazit-Blau ─────────────────────────────── */
  --fm-bg:            #0B0F14;  /* Seitengrund                                */
  --fm-surface:       #111823;  /* Karten, Panels                             */
  --fm-surface-2:     #18202C;  /* erhöhte Fläche, Hover                      */
  --fm-border:        #243044;  /* Linien, Umrandungen                        */
  --fm-border-stark:  #33415A;  /* Fokus, aktive Umrandung                    */

  /* ─── Text ──────────────────────────────────────────────────────────────── */
  --fm-text:          #E6EDF7;
  --fm-text-leise:    #9AA9BF;  /* Sekundärtext, Labels                       */
  --fm-text-aus:      #6B7A92;  /* deaktiviert, Fußnoten                      */

  /* ─── FM-Grün — Akzent ──────────────────────────────────────────────────── */
  --fm-gruen:         #2ED47A;
  --fm-gruen-hell:    #5CE39B;  /* Hover                                      */
  --fm-gruen-dunkel:  #1FA862;  /* Aktiv, Ränder                              */
  --fm-gruen-schleier: rgba(46, 212, 122, 0.12);  /* Hintergrund-Hauch        */

  /* ─── Status ────────────────────────────────────────────────────────────── */
  --fm-ok:            #2ED47A;
  --fm-warn:          #F2B138;
  --fm-fehler:        #F2545B;
  --fm-info:          #4C9AFF;

  /* ─── Typografie ────────────────────────────────────────────────────────── */
  --fm-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --fm-font-mono: "JetBrains Mono", "SFMono-Regular", "Consolas", "Liberation Mono", monospace;

  --fm-fs-xs:   0.78rem;
  --fm-fs-s:    0.88rem;
  --fm-fs-m:    1rem;
  --fm-fs-l:    1.25rem;
  --fm-fs-xl:   1.75rem;
  --fm-fs-2xl:  2.5rem;
  --fm-fs-3xl:  3.5rem;

  --fm-lh-eng:  1.2;   /* Überschriften */
  --fm-lh-weit: 1.65;  /* Fließtext     */

  /* ─── Abstände (4-px-Raster) ────────────────────────────────────────────── */
  --fm-sp-1: 0.25rem;
  --fm-sp-2: 0.5rem;
  --fm-sp-3: 0.75rem;
  --fm-sp-4: 1rem;
  --fm-sp-6: 1.5rem;
  --fm-sp-8: 2rem;
  --fm-sp-12: 3rem;
  --fm-sp-16: 4rem;
  --fm-sp-24: 6rem;

  /* ─── Radien, Schatten, Bewegung ────────────────────────────────────────── */
  --fm-radius-s: 6px;
  --fm-radius-m: 10px;
  --fm-radius-l: 16px;
  --fm-radius-voll: 999px;

  --fm-schatten-m: 0 4px 24px rgba(0, 0, 0, 0.45);
  --fm-schatten-gruen: 0 0 0 1px var(--fm-gruen-dunkel), 0 8px 32px rgba(46, 212, 122, 0.18);

  --fm-tempo: 160ms;
  --fm-kurve: cubic-bezier(0.4, 0, 0.2, 1);

  /* ─── Layout ────────────────────────────────────────────────────────────── */
  --fm-breite-max: 1140px;
}

/* Discord-Embeds brauchen die Farbe als Dezimalzahl, nicht als Hex:
     FM-Gruen   #2ED47A -> 3069050
     Fehler     #F2545B -> 15881307
     Warnung    #F2B138 -> 15905080
   Aenderst du hier eine Farbe, diese Zahlen mit ausrechnen:
     python -c "print(int('2ED47A',16))"                                    */