/*
 * The only place portal tokens are handed to Fluent UI (DEC-AB122-043, ACC-AB122-145).
 *
 * FAST emits Fluent's token defaults in a :root rule; html[data-theme] is more specific, so these
 * values win without !important. This file must stay unlayered: FAST's sheet is unlayered, and
 * unlayered rules always beat layered ones.
 *
 * Only static tokens are overridden. Interactive colour sets (accent fills, control strokes, and their
 * hover/active variants) are derived by Fluent's JavaScript recipes from ThemeConstants via
 * FluentDesignTheme; overriding just the rest state here would desynchronise hover and active states.
 */

html[data-theme] {
    --body-font: var(--font-body);

    /* Fluent expects unitless pixel numbers; keep equal to --radius-sm and --radius-md. */
    --control-corner-radius: 6;
    --layer-corner-radius: 10;

    --neutral-layer-1: var(--surface-base);
    --neutral-layer-2: var(--surface-sidebar);
    --neutral-layer-3: var(--surface-muted);
    --neutral-layer-4: var(--surface-hover);
    --neutral-layer-card-container: var(--surface-card);
    --neutral-layer-floating: var(--surface-raised);
    --neutral-foreground-rest: var(--text-primary);
    --neutral-foreground-hint: var(--text-muted);
    --neutral-stroke-divider-rest: var(--line-subtle);
    --focus-stroke-outer: var(--focus-ring);
}