/* ============================================================
   Wendewerk GKV Tools – Design Tokens
   Einheitliche CSS Custom Properties für alle 26 Tools.
   Eingebunden via wwgt-shared.css (immer geladen).
   ============================================================ */

:root {
    /* ── Primärfarben ──────────────────────────────────────── */
    --wwgt-primary:        #00aeef;
    --wwgt-primary-dark:   #0099d4;
    --wwgt-primary-light:  #e8f7fd;

    /* ── Navy (Dunkel) ─────────────────────────────────────── */
    --wwgt-navy:           #1a3d5c;
    --wwgt-navy-deep:      #12304a;

    /* ── Typografie ────────────────────────────────────────── */
    --wwgt-font:           -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --wwgt-text:           #1a3d5c;
    --wwgt-text-muted:     #64748b;

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

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

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

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

    /* ── Hero-Gradient (einheitlich für alle Tool-Header) ─── */
    --wwgt-hero-gradient:  linear-gradient(135deg, var(--wwgt-navy) 0%, #1e5580 45%, var(--wwgt-navy-deep) 100%);
    --wwgt-hero-overlay:   linear-gradient(135deg, rgba(26,61,92,.88) 0%, rgba(0,174,239,.55) 100%);
}