/* Fluent 2 Dark — same semantic names, inverted values. */
[data-theme="dark"] {
    color-scheme: dark;

    --color-background-app: #1b1b1b;
    --color-background-surface: #292929;
    --color-background-elevated: #333333;
    --color-background-subtle: #242424;
    --color-background-muted: #3d3d3d;
    --color-background-overlay: rgb(0 0 0 / 0.62);

    --color-text-primary: #ffffff;
    --color-text-secondary: #d6d6d6;
    --color-text-muted: #adadad;
    --color-text-disabled: #adadad;
    --color-text-brand: var(--palette-brand-on-surface-dark);
    --color-text-inverse: #1b1b1b;
    --color-text-on-brand: #ffffff;
    --color-text-on-brand-muted: #f3f0ff;

    --color-border-default: #757575;
    --color-border-strong: #9e9e9e;
    --color-border-subtle: #5c5c5c;
    --color-stroke-focus: #9d8fe8;

    --color-action-primary: var(--palette-brand-80);
    --color-action-primary-hover: var(--palette-brand-70);
    --color-action-primary-pressed: #4a3ba8;
    --color-action-primary-tint: #2b2a3d;
    --color-action-accent: var(--palette-brand-accent);

    --color-status-success: #54b054;
    --color-status-success-tint: #1c3b1c;
    --color-status-danger: #e37d84;
    --color-status-danger-tint: #3b1518;
    --color-status-warning: #f2d04b;
    --color-status-warning-tint: #3b3010;
    --color-status-info: #6cb8f6;
    --color-status-info-tint: #16324a;
    --color-status-neutral: #adadad;
    --color-status-purple: #c2a0e8;
    --color-status-blocked: #fc8a9b;
    --color-status-blocked-tint: #473739;

    --color-highlight-barcode: #4a4520;
    --color-highlight-barcode-text: #fff4b0;
    --color-fy-flash: var(--palette-fy-flash);

    --color-chrome-bg: #202020;
    --color-chrome-text: #ffffff;
    --color-chrome-muted: #d6d6d6;
    --color-chrome-disabled: #9a9a9a;
    --color-chrome-brand: var(--palette-brand-chrome-dark);
    --color-chrome-hover: rgb(255 255 255 / 0.08);
    --color-chrome-border: rgb(255 255 255 / 0.40);
    --color-chrome-tap-bg: var(--color-background-surface);
    --color-chrome-tap-text: var(--color-text-primary);
    --color-chrome-tap-muted: var(--color-text-secondary);
    --color-chrome-tap-hover: var(--color-hover);

    --color-hover: #333333;
    --color-selected: #333853;
    --color-input-bg: #1f1f1f;
    --color-input-bg-disabled: #3a3a3a;

    --shadow-sm: 0 0 2px rgb(0 0 0 / 0.36), 0 1px 2px rgb(0 0 0 / 0.40);
    --shadow-md: 0 0 2px rgb(0 0 0 / 0.36), 0 4px 8px rgb(0 0 0 / 0.48);
    --shadow-lg: 0 0 8px rgb(0 0 0 / 0.40), 0 14px 28px rgb(0 0 0 / 0.56);
    --focus-ring: 0 0 0 2px var(--color-stroke-focus);
    --focus-ring-chrome: 0 0 0 2px var(--color-chrome-brand);

    --btn-primary-bg: var(--color-action-primary);
    --btn-primary-fg: var(--color-text-on-brand);
    --btn-primary-hover: var(--color-action-primary-hover);
    --btn-success-bg: var(--palette-green-50);
    --btn-success-hover: #0b650b;
    --btn-success-fg: var(--color-text-on-brand);
    --btn-danger-fill: var(--palette-red-50);
    --btn-danger-fg: var(--color-text-on-brand);
    --input-border: var(--color-border-default);
    --input-border-hover: var(--color-border-strong);
    --input-border-focus: var(--color-stroke-focus);
    --table-header-bg: #333333;
    --table-header-fg: var(--color-text-primary);
    --table-row-alt: #242424;
    --table-row-hover: var(--color-hover);
    --table-row-selected: var(--color-selected);

    --app-bg: var(--color-background-app);
    --surface: var(--color-background-surface);
    --surface-secondary: var(--color-background-subtle);
    --surface-tertiary: var(--color-background-muted);
    --surface-muted: var(--color-background-muted);
    --text-primary: var(--color-text-primary);
    --text-secondary: var(--color-text-secondary);
    --text-brand: var(--color-text-brand);
    --text-inverse: var(--color-text-inverse);
    --border-color: var(--color-border-default);
    --border-strong: var(--color-border-strong);
    --primary: var(--color-action-primary);
    --primary-hover: var(--color-action-primary-hover);
    --primary-contrast: var(--color-text-on-brand);
    --primary-tint: var(--color-action-primary-tint);
    --hover: var(--color-hover);
    --selected: var(--color-selected);
    --selected-bg: var(--color-selected);
    --accent: var(--color-action-primary);
    --chrome-bg: var(--color-chrome-bg);
    --chrome-text: var(--color-chrome-text);
    --chrome-muted: var(--color-chrome-muted);
    --chrome-disabled: var(--color-chrome-disabled);
    --chrome-brand: var(--color-chrome-brand);
    --chrome-hover: var(--color-chrome-hover);
    --input-bg: var(--color-input-bg);
    --input-bg-disabled: var(--color-input-bg-disabled);
    --grid-header-bg: var(--table-header-bg);
    --grid-row-alt: var(--table-row-alt);

    --status-success: var(--color-status-success);
    --status-danger: var(--color-status-danger);
    --status-error: var(--color-status-danger);
    --status-info: var(--color-status-info);
    --status-warning: var(--color-status-warning);
}
