/* ============================================================
   variables.css — Farb- und Bewegungs-Tokens für das
   Reparatur-/Konto-Modul.

   Einzige Quelle der --r2-*-Tokens (vormals doppelt in
   repair_2026.css und repair_portal.css deklariert).
   MUSS vor account.css geladen werden.
   Auf .repair-2026 (Anfrageformular) UND .rp (Portal /
   Mein-Konto) gescoped → kein Leak in die Shop-Chrome.
   ============================================================ */
.repair-2026,
.rp {
    /* Marke */
    --r2-brand:        #006397;
    --r2-brand-dark:   #004F7A;
    --r2-brand-light:  #B7D7FB;
    --r2-brand-tint:   #EDF4FA;

    /* Akzente */
    --r2-accent:       #E30613;
    --r2-accent-warm:  #1CA3BC;
    --r2-accent-warm-light: #E1F4F7;
    --r2-accent-warm-dark:  #0D6B7A;

    /* Status / CTA */
    --r2-success:      #155724;
    --r2-success-light:#E3F5EC;
    --r2-cta:          #66B20F;
    --r2-cta-dark:     #549009;
    --r2-warning:      #B45309;
    --r2-warning-light:#FEF3C7;

    /* Text */
    --r2-text:         #2B2B2B;
    --r2-text-muted:   #6B7280;
    --r2-text-soft:    #9CA3AF;

    /* Flächen & Rahmen */
    --r2-border:       #DADADA;
    --r2-border-strong:#BFBFBF;
    --r2-surface:      #FFFFFF;
    --r2-surface-alt:  #FAFAFA;

    /* Abgeleitete / wiederkehrende Farben (vormals hartcodiert) */
    --r2-inverse:             #fff;      /* weiße Vordergrundfarbe auf Vollton-Flächen */
    --r2-brand-hover:         #004a71;   /* btn-secondary:hover Hintergrund */
    --r2-brand-hover-border:  #004264;   /* btn-secondary:hover Rahmen */
    --r2-error-bg:            #FEF2F2;   /* Feld-Fehler-Hintergrund */
    --r2-success-border:      #B7E0C6;   /* badge/alert-success Rahmen */
    --r2-warning-border:      #F0D38A;   /* badge-warning / KVA Rahmen */
    --r2-accent-warm-border:  #B5E0E7;   /* badge/alert-info Rahmen */
    --r2-accent-bg:           #FCEAEC;   /* danger Hintergrund */
    --r2-accent-border:       #F5C2C5;   /* danger Rahmen */
    --r2-alert-warning-bg:    #fff3cd;   /* Bootstrap-Alert-Warning Hintergrund */
    --r2-alert-warning-border:#ffeeba;   /* Bootstrap-Alert-Warning Rahmen */
    --r2-alert-warning-text:  #856404;   /* Bootstrap-Alert-Warning Text */
    --r2-whatsapp:            #25D366;   /* WhatsApp-Kanal */

    /* Bewegung (keine Farben, aber zentrale Tokens) */
    --r2-t-fast: 150ms cubic-bezier(.4,0,.2,1);
    --r2-t:      220ms cubic-bezier(.4,0,.2,1);
    --r2-t-slow: 380ms cubic-bezier(.16,1,.3,1);
}