@import "brands/wis_brand_styling_dark.css";

:root {
    /* ── Layout ── */
    --wis-layout-neutral-1: rgba(45, 45, 45, 1);
    --wis-layout-neutral-2: rgba(35, 35, 35, 1);
    --wis-layout-neutral-3: rgba(28, 28, 28, 1);
    --wis-layout-neutral-4: rgba(20, 20, 20, 1);
    --wis-layout-neutral-5: rgba(12, 12, 12, 1);
    --wis-layout-neutral-6: rgba(6, 6, 6, 1);
    --wis-layout-content-1: rgba(39, 39, 39, 1);
    --wis-layout-shadow-1: rgba(175, 175, 175, .1);

    /* ── Wuerth CD palette (unchanged across themes) ──
       Intentionally duplicated in light_theme.css — template generation requires
       self-contained theme files so each can be loaded independently. */
    --wis-cd-red: #CC0000;
    --wis-cd-green: #008448;
    --wis-cd-yellow: #FDC300;
    --wis-cd-dark-red: #90112C;
    --wis-cd-blue: #004774;
    --wis-cd-cyan: #0093DD;

    /* ── Semantic status colors (dark-adapted) ── */
    --wis-success: #81c995;
    --wis-success-bg: rgba(52, 168, 83, 0.15);
    --wis-success-border: rgba(52, 168, 83, 0.5);
    --wis-error: #f28b82;
    --wis-error-bg: rgba(234, 67, 53, 0.15);
    --wis-error-border: rgba(234, 67, 53, 0.5);
    --wis-warning: #fdd663;
    --wis-warning-bg: rgba(249, 168, 37, 0.15);
    --wis-warning-border: rgba(249, 168, 37, 0.5);
    --wis-info: #7acdff;
    --wis-info-bg: rgba(0, 147, 221, 0.15);
    --wis-info-border: rgba(0, 147, 221, 0.5);

    /* Legacy aliases — kept for backward compatibility */
    --success: var(--wis-success);
    --error: var(--wis-error);
    --warning: var(--wis-warning);
    --info: var(--wis-info);
    --success-bg: var(--wis-success-bg);
    --success-border: var(--wis-success-border);
    --error-bg: var(--wis-error-bg);
    --error-border: var(--wis-error-border);
    --success-fg: var(--wis-success);
    --error-fg: var(--wis-error);

    /* ── Border tokens ── */
    --wis-border-radius: 4px;
    --wis-border-color: var(--wis-layout-neutral-2);
    --wis-border-width: 1px;

    /* Fallback for Fluent UI tokens until FluentDesignTheme initializes.
       FluentDesignTheme sets these on its own element scope and will take precedence. */
    --neutral-foreground-rest: #ffffff;
}