/* Brand tokens for the light theme; linked with the same media condition as fluent2.css (see App.razor). */
:root {
    color-scheme: light;
    --color-sf-primary: #ee7722;
    /* Dark text: white on #ee7722 is only 2.9:1, near-black is 7:1. */
    --color-sf-primary-text-color: #1a1a1a;
    --color-sf-primary-light: #fbd2b3;
    --color-sf-primary-lighter: #fff1e6;
    --color-sf-primary-dark: #b8500b;
    --color-sf-primary-darker: #8f3d08;
    --color-sf-primary-bg-color-hover: #d9660f;
    --color-sf-primary-bg-color-pressed: #c85a0f;
    --color-sf-primary-bg-color-selected: #d9660f;
}