/* ════════════════════════════════════════════════════════════════
   1satz AG — Brand Tokens · SINGLE SOURCE OF TRUTH
   https://brand.1satz.ch/tokens.css

   So einbinden (Web):  <link rel="stylesheet" href="https://brand.1satz.ch/tokens.css">
   Dann NIE Hex-Codes hardcoden — immer var(--brand-…) verwenden.
   Ändert sich die Marke, ändert sich hier EIN Wert und alle Apps ziehen nach.
   ════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* ── Markenfarbe ───────────────────────────── */
  --brand-teal:        #007A7A;   /* Primär — Logo, Buttons, Akzente            */
  --brand-teal-light:  #4da8a8;   /* Sekundär auf Teal-Grund                    */
  --brand-tint:        #e6f2f2;   /* heller Teal-Tint (Flächen, Badges)         */
  --brand-primary:     #007A7A;   /* Alias auf --brand-teal                     */

  /* ── Neutral ───────────────────────────────── */
  --brand-ink:         #1a1a1a;   /* Text / Schwarz                             */
  --brand-gray:        #5c5c5c;   /* Sekundär auf dunklem Grund                 */
  --brand-gray-light:  #adadad;   /* Sekundär auf hellem Grund                  */
  --brand-white:       #ffffff;

  /* ── Typografie ────────────────────────────── */
  --brand-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* ── Form ──────────────────────────────────── */
  --brand-radius: 3px;
}