/**
 * Wendewerk Arbeitgeber – Design Tokens
 * ============================================================
 * Zentrale CSS Custom Properties für alle Plugin-Module.
 * Identisches Wendewerk Brand Design wie im Schwesterplugin
 * Wendewerk GKV (Astra + Spectra, Inter, keine Schatten,
 * 8px Radius-Standard) - eigener Variablen-Namensraum (--wwa-),
 * da beide Plugins parallel auf derselben Seite aktiv sein können.
 *
 * Einbindung: wird als erste Dependency aller Modul-CSS geladen.
 * Astra-sicher: alle Werte sind auf .wwa-* Wrapper beschränkt und
 * überschreiben keine globalen Theme-Styles.
 */

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

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

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

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

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

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

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

    /* --- Schatten -------------------------------------------- */
    --wwa-shadow: none;   /* Wendewerk: keine Schatten */

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

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