/* ============================================================
   Wendewerk PKV Tools – Design Tokens
   Einheitliche CSS Custom Properties für alle PKV-Tools.
   Bewusst identisches Wendewerk-CI wie Wendewerk GKV Tools
   (Gradient #12405e → #00acec), damit beide Plugins optisch
   als eine Familie erkennbar bleiben.
   Eingebunden via wwpt-shared.css (immer geladen).
   ============================================================ */

:root {
    /* ── Primärfarben (Wendewerk-CI, identisch zu GKV Tools) ── */
    --wwpt-primary:        #00acec;
    --wwpt-primary-dark:   #0077b6;
    --wwpt-primary-light:  #e8f7fd;

    /* ── Navy (Dunkel) ─────────────────────────────────────── */
    --wwpt-navy:           #12405e;
    --wwpt-navy-deep:      #0a2c40;

    /* ── Typografie ────────────────────────────────────────── */
    --wwpt-font:           -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --wwpt-text:           #12405e;
    --wwpt-text-muted:     #64748b;

    /* ── Flächen ───────────────────────────────────────────── */
    --wwpt-surface:        #ffffff;
    --wwpt-surface-soft:   #f8fafc;
    --wwpt-surface-blue:   #ebf7fe;

    /* ── Rahmen ────────────────────────────────────────────── */
    --wwpt-border:         #e2e8f0;

    /* ── Semantische Farben ────────────────────────────────── */
    --wwpt-success:        #16a34a;
    --wwpt-success-bg:     #f0fdf4;
    --wwpt-warning:        #f59e0b;
    --wwpt-warning-bg:     #fffbeb;
    --wwpt-danger:         #dc2626;
    --wwpt-danger-bg:      #fef2f2;

    /* ── Layout ────────────────────────────────────────────── */
    --wwpt-radius-sm:      4px;
    --wwpt-radius:         8px;
    --wwpt-radius-lg:      12px;
    --wwpt-radius-full:    999px;
    --wwpt-shadow:         0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    --wwpt-shadow-lg:      0 4px 24px rgba(0,0,0,.08);

    /* ── Hero-Gradient (einheitlich für alle Tool-Header) ─── */
    --wwpt-hero-gradient:  linear-gradient(135deg, var(--wwpt-navy) 0%, #00acec 100%);
    --wwpt-hero-overlay:   linear-gradient(0deg, #00aeed 0%, #12405e -100%);
}