/* ==========================================================================
   VULT0 — tema "escuro / roxo". ARQUIVO GERADO. Nao edite a mao.

   Regenerado por scripts/gerar-temas.js. Ver docs/adr/0008-temas-do-usuario.md
   ========================================================================== */

* {
    --accent-base-color: #8764b8 !important;
    --accent-fill-active: #ba9dd6 !important;
    --accent-fill-focus: #d0b7e4 !important;
    --accent-fill-hover: #c8aedf !important;
    --accent-fill-rest: #d0b7e4 !important;
    --accent-foreground-active: #ba9dd6 !important;
    --accent-foreground-focus: #dec7ec !important;
    --accent-foreground-hover: #ecd7f4 !important;
    --accent-foreground-rest: #dec7ec !important;
    --accent-stroke-control-active: #c6afdd !important;
    --accent-stroke-control-focus: linear-gradient(#d9c5e9 90%, #a894b9 100%) !important;
    --accent-stroke-control-hover: linear-gradient(#d3bee5 90%, #a28db5 100%) !important;
    --accent-stroke-control-rest: linear-gradient(#d9c5e9 90%, #a894b9 100%) !important;
    --base-height-multiplier: 8 !important;
    --base-horizontal-spacing-multiplier: 3 !important;
    --base-layer-luminance: 0.15 !important;
    --body-font: "Segoe UI Variable", "Segoe UI", sans-serif !important;
    --clear-button-active: #333333 !important;
    --clear-button-hover: #383838 !important;
    --control-corner-radius: 4 !important;
    --density: 0 !important;
    --design-unit: 4 !important;
    --direction: ltr !important;
    --disabled-opacity: 0.3 !important;
    --elevation-shadow-card-active: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(0 * 0.5px) calc((0 * 1px)) rgba(0, 0, 0, 0.14) !important;
    --elevation-shadow-card-active-size: 0 !important;
    --elevation-shadow-card-focus: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(8 * 0.5px) calc((8 * 1px)) rgba(0, 0, 0, 0.14) !important;
    --elevation-shadow-card-focus-size: 8 !important;
    --elevation-shadow-card-hover: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(8 * 0.5px) calc((8 * 1px)) rgba(0, 0, 0, 0.14) !important;
    --elevation-shadow-card-hover-size: 8 !important;
    --elevation-shadow-card-rest: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(4 * 0.5px) calc((4 * 1px)) rgba(0, 0, 0, 0.14) !important;
    --elevation-shadow-card-rest-size: 4 !important;
    --elevation-shadow-dialog: 0 0 2px rgba(0, 0, 0, 0.2), 0 calc(128 * 0.5px) calc((128 * 1px)) rgba(0, 0, 0, 0.24) !important;
    --elevation-shadow-dialog-size: 128 !important;
    --elevation-shadow-flyout: 0 0 2px rgba(0, 0, 0, 0.2), 0 calc(32 * 0.5px) calc((32 * 1px)) rgba(0, 0, 0, 0.24) !important;
    --elevation-shadow-flyout-size: 32 !important;
    --elevation-shadow-tooltip: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(16 * 0.5px) calc((16 * 1px)) rgba(0, 0, 0, 0.14) !important;
    --elevation-shadow-tooltip-size: 16 !important;
    --error: #BC2F32 !important;
    --fill-color: #272727 !important;
    --focus-stroke-inner: #000000 !important;
    --focus-stroke-outer: #ffffff !important;
    --focus-stroke-width: 2 !important;
    --font-monospace: Consolas, "Courier New", "Liberation Mono", SFMono-Regular, Menlo, Monaco, monospace !important;
    --font-weight: 400 !important;
    --foreground-on-accent-active: #000000 !important;
    --foreground-on-accent-active-large: #000000 !important;
    --foreground-on-accent-focus: #000000 !important;
    --foreground-on-accent-focus-large: #000000 !important;
    --foreground-on-accent-hover: #000000 !important;
    --foreground-on-accent-hover-large: #000000 !important;
    --foreground-on-accent-rest: #000000 !important;
    --foreground-on-accent-rest-large: #000000 !important;
    --highlight-bg: #fff3cd !important;
    --info: #616161 !important;
    --input-filled-placeholder-hover: #9e9e9e !important;
    --input-filled-placeholder-rest: #a2a2a2 !important;
    --input-placeholder-hover: #a2a2a2 !important;
    --input-placeholder-rest: #9e9e9e !important;
    --layer-corner-radius: 8 !important;
    --neutral-base-color: #808080 !important;
    --neutral-fill-active: #2d2d2d !important;
    --neutral-fill-focus: #333333 !important;
    --neutral-fill-hover: #383838 !important;
    --neutral-fill-input-active: #2d2d2d !important;
    --neutral-fill-input-alt-active: #3d3d3d !important;
    --neutral-fill-input-alt-focus: #1a1a1a !important;
    --neutral-fill-input-alt-hover: #333333 !important;
    --neutral-fill-input-alt-rest: #1a1a1a !important;
    --neutral-fill-input-focus: #272727 !important;
    --neutral-fill-input-hover: #383838 !important;
    --neutral-fill-input-rest: #333333 !important;
    --neutral-fill-inverse-active: #ffffff !important;
    --neutral-fill-inverse-active-delta: 7 !important;
    --neutral-fill-inverse-focus: #ffffff !important;
    --neutral-fill-inverse-focus-delta: 0 !important;
    --neutral-fill-inverse-hover: #fbfbfb !important;
    --neutral-fill-inverse-hover-delta: -3 !important;
    --neutral-fill-inverse-rest: #ffffff !important;
    --neutral-fill-inverse-rest-delta: 0 !important;
    --neutral-fill-layer-active: #383838 !important;
    --neutral-fill-layer-alt-rest: #212121 !important;
    --neutral-fill-layer-hover: #383838 !important;
    --neutral-fill-layer-rest: #333333 !important;
    --neutral-fill-rest: #333333 !important;
    --neutral-fill-secondary-active: #2d2d2d !important;
    --neutral-fill-secondary-focus: #383838 !important;
    --neutral-fill-secondary-hover: #333333 !important;
    --neutral-fill-secondary-rest: #383838 !important;
    --neutral-fill-stealth-active: #333333 !important;
    --neutral-fill-stealth-active-on-neutral-fill-layer-rest: #3d3d3d !important;
    --neutral-fill-stealth-focus: #272727 !important;
    --neutral-fill-stealth-hover: #383838 !important;
    --neutral-fill-stealth-hover-on-neutral-fill-layer-rest: #414141 !important;
    --neutral-fill-stealth-rest: #272727 !important;
    --neutral-fill-stealth-rest-on-neutral-fill-layer-rest: #333333 !important;
    --neutral-fill-strong-active: #7a7a7a !important;
    --neutral-fill-strong-focus: #8e8e8e !important;
    --neutral-fill-strong-hover: #b3b3b3 !important;
    --neutral-fill-strong-rest: #8e8e8e !important;
    --neutral-foreground-active: #7a7a7a !important;
    --neutral-foreground-focus: #ffffff !important;
    --neutral-foreground-hint: #8e8e8e !important;
    --neutral-foreground-hover: #a8a8a8 !important;
    --neutral-foreground-rest: #ffffff !important;
    --neutral-layer-1: #272727 !important;
    --neutral-layer-2: #1a1a1a !important;
    --neutral-layer-3: #0b0b0b !important;
    --neutral-layer-4: #000000 !important;
    --neutral-layer-card-container: #1a1a1a !important;
    --neutral-layer-floating: #333333 !important;
    --neutral-stroke-active: #464646 !important;
    --neutral-stroke-control-active: #414141 !important;
    --neutral-stroke-control-focus: linear-gradient(#595959 0%, #414141 10%) !important;
    --neutral-stroke-control-hover: linear-gradient(#595959 0%, #414141 10%) !important;
    --neutral-stroke-control-rest: linear-gradient(#505050 0%, #383838 10%) !important;
    --neutral-stroke-divider-rest: #3d3d3d !important;
    --neutral-stroke-focus: #505050 !important;
    --neutral-stroke-hover: #636363 !important;
    --neutral-stroke-input-active: #414141 !important;
    --neutral-stroke-input-focus: linear-gradient(#414141 calc(100% - 1px), #9a9a9a calc(100% - 1px), #9a9a9a) !important;
    --neutral-stroke-input-hover: linear-gradient(#414141 calc(100% - 1px), #9a9a9a calc(100% - 1px), #9a9a9a) !important;
    --neutral-stroke-input-rest: linear-gradient(#383838 calc(100% - 1px), #929292 calc(100% - 1px), #929292) !important;
    --neutral-stroke-layer-active: #383838 !important;
    --neutral-stroke-layer-hover: #383838 !important;
    --neutral-stroke-layer-rest: #383838 !important;
    --neutral-stroke-rest: #505050 !important;
    --neutral-stroke-strong-active: #9e9e9e !important;
    --neutral-stroke-strong-focus: #9e9e9e !important;
    --neutral-stroke-strong-hover: #9e9e9e !important;
    --neutral-stroke-strong-rest: #9e9e9e !important;
    --presence-available: #13a10e !important;
    --presence-away: #eaa300 !important;
    --presence-busy: #d13438 !important;
    --presence-dnd: #d13438 !important;
    --presence-offline: #adadad !important;
    --presence-oof: #c239b3 !important;
    --presence-unknown: #d13438 !important;
    --stroke-width: 1 !important;
    --success: #0E700E !important;
    --tree-item-expand-collapse-hover: #464646 !important;
    --tree-item-expand-collapse-selected-hover: #464646 !important;
    --type-ramp-base-font-size: 14px !important;
    --type-ramp-base-font-variations: "wght" 400, "opsz" 10.5 !important;
    --type-ramp-base-line-height: 20px !important;
    --type-ramp-minus-1-font-size: 12px !important;
    --type-ramp-minus-1-font-variations: "wght" 400, "opsz" 8 !important;
    --type-ramp-minus-1-line-height: 16px !important;
    --type-ramp-minus-2-font-size: 10px !important;
    --type-ramp-minus-2-font-variations: "wght" 400, "opsz" 8 !important;
    --type-ramp-minus-2-line-height: 14px !important;
    --type-ramp-plus-1-font-size: 16px !important;
    --type-ramp-plus-1-font-variations: "wght" 400, "opsz" 10.5 !important;
    --type-ramp-plus-1-line-height: 22px !important;
    --type-ramp-plus-2-font-size: 20px !important;
    --type-ramp-plus-2-font-variations: "wght" 400, "opsz" 10.5 !important;
    --type-ramp-plus-2-line-height: 26px !important;
    --type-ramp-plus-3-font-size: 24px !important;
    --type-ramp-plus-3-font-variations: "wght" 400, "opsz" 10.5 !important;
    --type-ramp-plus-3-line-height: 32px !important;
    --type-ramp-plus-4-font-size: 28px !important;
    --type-ramp-plus-4-font-variations: "wght" 400, "opsz" 36 !important;
    --type-ramp-plus-4-line-height: 36px !important;
    --type-ramp-plus-5-font-size: 32px !important;
    --type-ramp-plus-5-font-variations: "wght" 400, "opsz" 36 !important;
    --type-ramp-plus-5-line-height: 40px !important;
    --type-ramp-plus-6-font-size: 40px !important;
    --type-ramp-plus-6-font-variations: "wght" 400, "opsz" 36 !important;
    --type-ramp-plus-6-line-height: 52px !important;
    --warning: #E9835E !important;
}

/* Partes internas (shadow DOM). O seletor universal para no limite do shadow
   root; ::part() e o mecanismo previsto para alcanca-las. Os valores sao
   literais porque var() ali resolveria no contexto do shadow, onde o
   JavaScript da biblioteca ja escreveu a paleta clara. */

fluent-select::part(listbox),
fluent-combobox::part(listbox),
fluent-listbox::part(listbox) {
    background: #333333 !important;
    border: 1px solid #3d3d3d !important;
    box-shadow: 0 8px 16px rgb(0 0 0 / 40%) !important;
}

fluent-select::part(control),
fluent-combobox::part(control),
fluent-text-field::part(root),
fluent-text-area::part(root),
fluent-search::part(root),
fluent-number-field::part(root) {
    background: #333333 !important;
    color: #ffffff !important;
}

fluent-select::part(selected-value),
fluent-combobox::part(selected-value),
fluent-select::part(indicator),
fluent-text-field::part(control),
fluent-text-area::part(control),
fluent-search::part(control),
fluent-number-field::part(control),
fluent-text-field::part(label),
fluent-text-area::part(label) {
    color: #ffffff !important;
}

/* Item de lista em superficie flutuante: em repouso quem pinta e a caixa.
   Sem isto o item recebe o tom da camada BASE e vira um bloco visivel. */

fluent-option { background: transparent !important; }
fluent-option:hover { background: #383838 !important; }
fluent-option[aria-selected="true"],
fluent-option[selected] { background: #383838 !important; }