/* TODO: Consider @media (prefers-color-scheme) fallback — current theme switching is JS/Fluxor-driven */
@import "brands/wis_brand_styling_light.css";

:root {
    /* ── Layout ── */
    --wis-layout-neutral-1: rgba(245, 245, 245, 1);
    --wis-layout-neutral-2: rgba(235, 235, 235, 1);
    --wis-layout-neutral-3: rgba(228, 228, 228, 1);
    --wis-layout-neutral-4: rgba(220, 220, 220, 1);
    --wis-layout-neutral-5: rgba(212, 212, 212, 1);
    --wis-layout-neutral-6: rgba(206, 206, 206, 1);
    --wis-layout-content-1: rgba(251, 251, 251, 1);
    --wis-layout-shadow-1: rgba(0, 0, 0, .025);

    /* ── Wuerth CD palette ──
       Intentionally duplicated in dark_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 ── */
    --wis-success: #26b050;
    --wis-success-bg: #e6f4ea;
    --wis-success-border: #34a853;
    --wis-error: #e50000;
    --wis-error-bg: #fce8e6;
    --wis-error-border: #ea4335;
    --wis-warning: #f9a825;
    --wis-warning-bg: #fff8e1;
    --wis-warning-border: #f9a825;
    --wis-info: #0093DD;
    --wis-info-bg: #e8f4fd;
    --wis-info-border: #0093DD;

    /* 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. */
    --neutral-foreground-rest: #1a1a1a;
}