/* -----------------------------------------------------------------------
   LIGHT THEME (default)
   ----------------------------------------------------------------------- */
body:not([data-theme]),
body[data-theme="light"],
body[data-theme="system-light"] {
    color-scheme: light;

    /* Core neutrals */
    --colorNeutralBackground1:        #ffffff;
    --colorNeutralBackground1Hover:   #f9fafb;
    --colorNeutralBackground1Pressed: #e5e7eb;
    --colorNeutralBackground1Selected:#f3f4f6;

    /* ... existing code ... */

    /* Brand – Basisfarbe #535067 */
    --colorBrandBackground:           #535067;
    --colorBrandBackgroundHover:      #45415a;
    --colorBrandBackgroundPressed:    #373448;
    --colorBrandBackgroundSelected:   #4a4760;
    --colorBrandBackgroundStatic:     #535067;

    --colorBrandBackground2:          #edeaf6;
    --colorBrandBackground2Hover:     #e1def0;
    --colorBrandBackground2Pressed:   #d3cee8;

    --colorBrandBackground3Static:    #f8f7fb;
    --colorBrandBackground4Static:    #f2f1f7;

    --colorBrandBackgroundInverted:         #1f1d29;
    --colorBrandBackgroundInvertedHover:    #2a2736;
    --colorBrandBackgroundInvertedPressed:  #333042;
    --colorBrandBackgroundInvertedSelected: #3a3750;

    --colorBrandForeground1:          #2f2d3f;
    --colorBrandForeground2:          #3f3b53;
    --colorBrandForeground2Hover:     #2f2d3f;
    --colorBrandForeground2Pressed:   #1f1d29;

    --colorBrandForegroundOnLight:        #2f2d3f;
    --colorBrandForegroundOnLightHover:   #1f1d29;
    --colorBrandForegroundOnLightPressed: #16141d;
    --colorBrandForegroundOnLightSelected:#1f1d29;

    --colorBrandForegroundInverted:       #f8f7fb;
    --colorBrandForegroundInvertedHover:  #ffffff;
    --colorBrandForegroundInvertedPressed:#e5e2f0;

    --colorBrandForegroundLink:           #4a4760;
    --colorBrandForegroundLinkHover:      #2f2d3f;
    --colorBrandForegroundLinkPressed:    #1f1d29;
    --colorBrandForegroundLinkSelected:   #2f2d3f;

    --colorBrandShadowAmbient:       rgba(83, 80, 103, 0.15);
    --colorBrandShadowKey:           rgba(83, 80, 103, 0.25);

    --colorBrandStroke1:             #535067;
    --colorBrandStroke2:             #4a4760;
    --colorBrandStroke2Hover:        #45415a;
    --colorBrandStroke2Pressed:      #373448;
    --colorBrandStroke2Contrast:     #ffffff;

    --colorCompoundBrandBackground:       #535067;
    --colorCompoundBrandBackgroundHover:  #4a4760;
    --colorCompoundBrandBackgroundPressed:#45415a;

    --colorCompoundBrandForeground1:      #ffffff;
    --colorCompoundBrandForeground1Hover: #f8f7fb;
    --colorCompoundBrandForeground1Pressed:#e5e2f0;

    --colorCompoundBrandStroke:           #535067;
    --colorCompoundBrandStrokeHover:      #4a4760;
    --colorCompoundBrandStrokePressed:    #45415a;

    /* ... existing code ... */

    --colorTransparentBackgroundHover:   rgba(83, 80, 103, 0.06);
    --colorTransparentBackgroundPressed: rgba(83, 80, 103, 0.1);
    --colorTransparentBackgroundSelected:rgba(83, 80, 103, 0.08);

    --colorTransparentStrokeInteractive:#535067;

    --colorStrokeFocus1: #535067;

    --colorSubtleBackgroundLightAlphaHover:   rgba(83, 80, 103, 0.06);
    --colorSubtleBackgroundLightAlphaPressed: rgba(83, 80, 103, 0.1);
    --colorSubtleBackgroundLightAlphaSelected:rgba(83, 80, 103, 0.08);
}

/* -----------------------------------------------------------------------
   DARK THEME – Fluent setzt body[data-theme="dark"/"system-dark"]
   ----------------------------------------------------------------------- */
body[data-theme="dark"],
body[data-theme="system-dark"] {
    color-scheme: dark;

    /* Brand */
    --colorBrandBackground:           #6a6782;
    --colorBrandBackgroundHover:      #7a7694;
    --colorBrandBackgroundPressed:    #8582a0;
    --colorBrandBackgroundSelected:   #7a7694;
    --colorBrandBackgroundStatic:     #6a6782;

    --colorBrandBackground2:          #1f1d29;
    --colorBrandBackground2Hover:     #2a2736;
    --colorBrandBackground2Pressed:   #333042;

    --colorBrandBackground3Static:    #16141d;
    --colorBrandBackground4Static:    #111018;

    --colorBrandForeground1:          #e4e1f0;
    --colorBrandForeground2:          #cdc9dd;
    --colorBrandForeground2Hover:     #f1eef8;
    --colorBrandForeground2Pressed:   #b8b3ca;

    --colorBrandForegroundOnLight:        #3f3b53;
    --colorBrandForegroundOnLightHover:   #2f2d3f;
    --colorBrandForegroundOnLightPressed: #1f1d29;
    --colorBrandForegroundOnLightSelected:#2f2d3f;

    --colorBrandForegroundInverted:       #16141d;
    --colorBrandForegroundInvertedHover:  #111018;
    --colorBrandForegroundInvertedPressed:#0c0b11;

    --colorBrandForegroundLink:           #e4e1f0;
    --colorBrandForegroundLinkHover:      #f1eef8;
    --colorBrandForegroundLinkPressed:    #cdc9dd;
    --colorBrandForegroundLinkSelected:   #f1eef8;

    --colorBrandShadowAmbient:       rgba(83, 80, 103, 0.7);
    --colorBrandShadowKey:           rgba(83, 80, 103, 0.95);

    --colorBrandStroke1:             #7a7694;
    --colorBrandStroke2:             #6a6782;
    --colorBrandStroke2Hover:        #58536f;
    --colorBrandStroke2Pressed:      #4a4760;
    --colorBrandStroke2Contrast:     #f8f7fb;

    --colorCompoundBrandBackground:       #7a7694;
    --colorCompoundBrandBackgroundHover:  #6a6782;
    --colorCompoundBrandBackgroundPressed:#58536f;

    --colorCompoundBrandForeground1:      #f8f7fb;
    --colorCompoundBrandForeground1Hover: #ffffff;
    --colorCompoundBrandForeground1Pressed:#e5e2f0;

    --colorCompoundBrandStroke:           #7a7694;
    --colorCompoundBrandStrokeHover:      #6a6782;
    --colorCompoundBrandStrokePressed:    #58536f;

    /* ... existing code ... */

    --colorTransparentBackgroundHover:   rgba(122, 118, 148, 0.06);
    --colorTransparentBackgroundPressed: rgba(122, 118, 148, 0.1);
    --colorTransparentBackgroundSelected:rgba(122, 118, 148, 0.08);

    --colorTransparentStrokeInteractive:#7a7694;

    --colorStrokeFocus1: #7a7694;

    --colorSubtleBackgroundLightAlphaHover:   rgba(122, 118, 148, 0.06);
    --colorSubtleBackgroundLightAlphaPressed: rgba(122, 118, 148, 0.1);
    --colorSubtleBackgroundLightAlphaSelected:rgba(122, 118, 148, 0.08);
}