/* Loaded only when dark CSS is actually active (see the two lockstep
   <link media> elements toggled by ui.js's setColorScheme). No media query
   here -- the browser only fetches/applies this file when dark mode is on,
   whether via OS preference ("auto") or an explicit "dark" choice in the
   preferences panel, so a plain :root selector is enough. */
:root {
    --ita-colors-neutral-100: #121212;
    --ita-colors-neutral-200: #1E1E1E;
    --ita-colors-neutral-300: #2A2A2A;
    --ita-colors-neutral-400: #383838;
    --ita-colors-neutral-500: #5C5C5C;
    --ita-colors-neutral-600: #8C8C8C;
    --ita-colors-neutral-700: #B8B8B8;
    --ita-colors-neutral-800: #E0E0E0;
    --ita-colors-neutral-900: #F5F5F5;
    --ita-colors-primary-100: #1A1418;
    --ita-colors-primary-200: #271B23;
    --ita-colors-primary-300: #3B2634;
    --ita-colors-primary-400: #5A304C;
    --ita-colors-primary-500: #E616A1;
    --ita-colors-primary-600: #F05CBE;
    --ita-colors-primary-700: #F7A1DA;
    --ita-colors-primary-800: #FDD8F1;
    --ita-colors-primary-900: #FFF0FA;
    --ita-colors-success-100: #2b650c;
    --ita-colors-success-500: #5cab33;
    --ita-colors-success-900: #f2fbec;
    --ita-colors-warning-100: #87560b;
    --ita-colors-warning-500: #EBA232;
    --ita-colors-warning-900: #fff7eb;
    --ita-colors-danger-100: #760e06;
    --ita-colors-danger-500: #DF3528;
    --ita-colors-danger-900: #fef3f3;
}