/* Meldo Bedienmuster — Werte.
 *
 * Hier stehen die Zahlen und Farben, aus denen alle Bedienelemente
 * gebaut sind. Wer eine Form ändern will, ändert sie HIER — nicht
 * in den Regeln darunter und nicht in einem anderen Plugin.
 *
 * Beispiel: Radius von 10 auf 14 → eine Zeile, ein ZIP, alle
 * Plugins folgen.
 */

:root{

  /* --- Palette ------------------------------------------------ */
  --m-teal:      #3D7C85;   /* Hauptfarbe, Aktionen und Aktives   */
  --m-teal-d:    #1F737A;   /* dieselbe beim Drücken              */
  --m-teal-l:    #EEF3F4;   /* getönte Flächen, Symbolplättchen   */
  --m-lime:      #E8924F;   /* Erfolg, «neu», Fortschritt         */
  --m-lime-d:    #DC7910;   /* Lime auf Weiss, lesbar             */
  --m-lime-l:    #FCF3E9;
  --m-tinte:     #111416;   /* Text                               */
  --m-weiss:     #fff;
  --m-gedaempft: #4a5658;   /* Zweitschrift, ruhende Reiter       */
  --m-schwach:   #8a8a8a;   /* stille Aktionen, Untertitel        */
  --m-linie:     #e4e6e6;   /* Rahmen                             */
  --m-schiene:   #eef2f2;   /* Grund der Reiterschiene            */
  --m-gefahr:    #d64b3f;   /* nur Löschen                        */
  --m-gefahr-d:  #b63a2f;

  /* Farbrolle für Symbole in Reihen (Werkzeugkacheln, Reiter).
     Die Farbe bringt Abwechslung, ohne dass die Flächen bunt werden. */
  --m-ton-1: #3D7C85;
  --m-ton-2: #629394;
  --m-ton-3: #3C8FC7;
  --m-ton-4: #DC7910;
  --m-ton-5: #B05CA8;
  --m-gold:   #D9A441;
  --m-silber: #A8B0B3;
  --m-bronze: #B4713D;

  /* --- Flächen ------------------------------------------------ */
  --m-grund:      #F4F7F7;  /* Panelgrund, auf dem Karten liegen  */
  --m-kartenlinie:#EDF2F2;

  /* --- Masse -------------------------------------------------- */
  --m-hoehe:        44px;   /* Mindesthöhe für alles Bedienbare.
                               Gespart wird an Abständen und Text,
                               nie an der Trefferfläche.           */
  --m-hoehe-reiter: 40px;
  --m-radius:       10px;   /* Knöpfe, Felder                     */
  --m-radius-reiter: 9px;
  --m-radius-schiene:12px;
  --m-radius-karte: 20px;
  --m-radius-rund: 999px;   /* nur C1-Werte und Schalter          */
  --m-rand:        1.5px;

  /* --- Schrift ------------------------------------------------ */
  --m-schrift-titel: Akko, 'Akko', system-ui, sans-serif;
  --m-schrift-text:  'Akko', system-ui, sans-serif;
  --m-groesse-knopf: .92rem;
  --m-groesse-reiter:14px;
  --m-groesse-titel: 1.35rem;
  --m-groesse-sub:   .82rem;

  /* --- Tiefe und Bewegung ------------------------------------- */
  --m-schatten:   0 2px 8px rgba(0,0,0,.05);
  --m-karte:      0 1px 4px rgba(0,0,0,.12);
  --m-karte-tief: 0 2px 14px rgba(26,52,56,.06);
  --m-uebergang:  .18s cubic-bezier(.4,0,.2,1);

  /* --- Titelkopf ---------------------------------------------- */
  --m-kopf-symbol:    2.6rem;
  --m-kopf-radius:    13px;
  --m-kopf-verlauf:   linear-gradient(135deg,#3D7C85 0%,#448B94 60%,#E8924F 160%);
  --m-kopf-welle:     linear-gradient(90deg,#3D7C85 0%,#3D7C85 22%,#E8924F 45%,rgba(232,146,79,.25) 75%,rgba(232,146,79,0) 100%);
}