/*
 * Maps Console tokens to Fluent UI Web Component design variables.
 * Scope with .console-fluent-theme (app shell).
 */

:root,
.console-fluent-theme {
    --accent-fill-rest: var(--console-color-brand);
    --accent-fill-hover: var(--console-color-accent);
    --accent-fill-active: var(--console-color-brand-dark);
    --accent-fill-focus: var(--console-color-brand);
    --accent-foreground-rest: var(--console-color-text-primary);
    --accent-foreground-hover: var(--console-color-text-primary);
    --accent-foreground-active: var(--console-color-text-primary);
    --foreground-on-accent-rest: var(--console-color-text-primary);

    --neutral-foreground-rest: var(--console-color-text-secondary);
    --neutral-foreground-hover: var(--console-color-text-primary);
    --neutral-foreground-hint: var(--console-color-text-muted);

    --neutral-stroke-rest: var(--console-color-border);
    --neutral-stroke-hover: rgba(255, 255, 255, 0.28);
    --neutral-stroke-strong-rest: var(--console-color-border);

    --neutral-fill-input-rest: rgba(2, 6, 23, 0.65);
    --neutral-fill-input-hover: rgba(2, 6, 23, 0.8);
    --neutral-fill-layer-rest: var(--console-color-canvas);
    --neutral-layer-1: var(--console-color-canvas);
    --fill-color: var(--console-color-canvas);
    --neutral-fill-stealth-rest: transparent;
    --neutral-fill-stealth-hover: rgba(255, 255, 255, 0.06);

    --body-font: var(--console-font-sans);
}

.console-fluent-theme fluent-progress-ring {
    --accent-fill-rest: var(--console-color-brand);
}

.console-fluent-theme fluent-anchor {
    color: var(--console-color-accent);
}

.console-fluent-theme fluent-anchor:hover {
    color: var(--console-color-link-hover);
}