/* 1️⃣ Declare layer order first */
@layer wa-native, wa-utilities, wa-color-palette, wa-color-variant, wa-theme, wa-theme-dimension, wa-theme-overrides;

/* 2️⃣ Then import Web Awesome */
@import "/webawesome/dist/styles/webawesome.css";

/* 3️⃣ Override WA variant mapping with our theme mapping (same layer, later source order) */
@import url("/Themes/EdisonUI/color/variants.css?v=1769007103") layer(wa-color-variant);

/* 4️⃣ Import theme CSS (contains rewritten default.css + overrides). Keep internal layers as-is. */
@import url("/Themes/EdisonUI/webawesome-theme.css?v=1769007103");

/* 5️⃣ Align selected highlight tokens to saved form control highlight */
@layer wa-theme-overrides {
  html.wa-theme-EdisonUI {
    --wa-color-brand-fill-loud: var(--wa-form-control-activated-color);
    --wa-color-brand-on-loud: var(--wa-form-control-value-color);
  }
}