/**
 * Wendewerk GKV – Design Tokens
 * ============================================================
 * Zentrale CSS Custom Properties für alle Plugin-Module.
 * Basiert auf dem Wendewerk Brand Design (Astra + Spectra,
 * Inter, keine Schatten, 8px Radius-Standard).
 *
 * Einbindung: wird als erste Dependency aller Modul-CSS geladen.
 * Astra-sicher: alle Werte sind auf .wwg-* / .wwe-* Wrapper
 * beschränkt und überschreiben keine globalen Theme-Styles.
 */

:root {
    /* --- Markenfarben ---------------------------------------- */
    --wwg-color-primary:        #00aeef;   /* Wendewerk Cyan     */
    --wwg-color-primary-dark:   #0090c8;   /* Hover / aktiv      */
    --wwg-color-primary-soft:   #e0f5fd;   /* Soft-Hintergrund   */
    --wwg-color-navy:           #1a3d5c;   /* Haupttextfarbe     */
    --wwg-color-navy-deep:      #0f2d4a;   /* Dunklerer Header   */

    /* --- Neutrale Töne --------------------------------------- */
    --wwg-color-bg:             #f0f4f8;   /* Seitenhintergrund  */
    --wwg-color-surface:        #ffffff;   /* Card-Hintergrund   */
    --wwg-color-surface-soft:   #f8fafc;   /* Alternativer BG    */
    --wwg-color-surface-blue:   #e8f4fd;   /* Hellblau-Karte     */
    --wwg-color-border:         #dbe4ee;   /* Standard Border    */
    --wwg-color-border-soft:    #e2e8f0;   /* Weiche Border      */

    /* --- Text ------------------------------------------------ */
    --wwg-color-text:           #1a3d5c;   /* Haupttext          */
    --wwg-color-text-muted:     #4a6274;   /* Sekundärtext       */
    --wwg-color-text-soft:      #6b8299;   /* Tertiärtext        */
    --wwg-color-text-white:     #ffffff;

    /* --- Semantische Farben ---------------------------------- */
    --wwg-color-success:        #16a34a;
    --wwg-color-success-soft:   #dcfce7;
    --wwg-color-warning:        #d97706;
    --wwg-color-warning-soft:   #fef3c7;
    --wwg-color-error:          #dc2626;
    --wwg-color-error-soft:     #fee2e2;
    --wwg-color-info:           #0284c7;
    --wwg-color-info-soft:      #e0f2fe;

    /* --- Typografie ------------------------------------------ */
    --wwg-font:                 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --wwg-font-size-xs:         11px;
    --wwg-font-size-sm:         13px;
    --wwg-font-size-base:       14px;
    --wwg-font-size-md:         16px;
    --wwg-font-size-lg:         20px;
    --wwg-font-size-xl:         24px;
    --wwg-font-size-2xl:        28px;
    --wwg-font-weight-normal:   400;
    --wwg-font-weight-medium:   500;
    --wwg-font-weight-semibold: 600;
    --wwg-font-weight-bold:     700;
    --wwg-font-weight-black:    800;
    --wwg-line-height:          1.5;

    /* --- Abstände -------------------------------------------- */
    --wwg-space-1:   4px;
    --wwg-space-2:   8px;
    --wwg-space-3:   12px;
    --wwg-space-4:   16px;
    --wwg-space-5:   20px;
    --wwg-space-6:   24px;
    --wwg-space-8:   32px;

    /* --- Radien ---------------------------------------------- */
    --wwg-radius-sm:   4px;
    --wwg-radius:      8px;    /* Standard laut Wendewerk       */
    --wwg-radius-md:   10px;
    --wwg-radius-lg:   12px;
    --wwg-radius-xl:   16px;
    --wwg-radius-pill: 999px;

    /* --- Schatten -------------------------------------------- */
    --wwg-shadow:      none;   /* Wendewerk: keine Schatten     */
    --wwg-shadow-sm:   none;
    --wwg-shadow-md:   none;

    /* --- Transitions ----------------------------------------- */
    --wwg-transition:  0.15s ease;

    /* --- Button ---------------------------------------------- */
    --wwg-btn-height:        40px;
    --wwg-btn-padding:       0 18px;
    --wwg-btn-radius:        var(--wwg-radius);
    --wwg-btn-font-size:     var(--wwg-font-size-sm);
    --wwg-btn-font-weight:   var(--wwg-font-weight-semibold);

    /* --- Karten ---------------------------------------------- */
    --wwg-card-radius:   var(--wwg-radius-lg);
    --wwg-card-border:   1px solid var(--wwg-color-border-soft);
    --wwg-card-padding:  var(--wwg-space-6);
    --wwg-card-shadow:   none;
}