/* Brand tokens for the dark theme; linked with the same media condition as fluent2-dark.css (see App.razor). */
:root {
    color-scheme: dark;
    --color-sf-primary: #ee7722;
    --color-sf-primary-text-color: #1a1a1a;
    --color-sf-primary-light: #5c2b09;
    --color-sf-primary-lighter: #3a1b06;
    --color-sf-primary-dark: #f58a3d;
    --color-sf-primary-darker: #f9a46a;
    --color-sf-primary-bg-color-hover: #f58a3d;
    --color-sf-primary-bg-color-pressed: #c85a0f;
    --color-sf-primary-bg-color-selected: #d9660f;
}