/* Vanilla theme — generated, do not edit */
/* source: tokens/tokens.json */
/* version: 1.1.0 */


/* The dark theme's custom properties. `:root` as well as `.is-dark`
   so a page that forgets the class still reads as ours. */
:root,
.is-dark {
    --vf-color-text-default: #f7f8fb;
    --vf-color-text-muted: #7b8194;
    --vf-color-text-inactive: #c8cdd6;

    --vf-color-link-default: #94a3b8;
    --vf-color-link-visited: #475569;
    --vf-color-focus: #94a3b8;

    --vf-color-background-default: #0b0d17;
    --vf-color-background-alt: #11141f;
    --vf-color-background-inputs: #11141f;
    --vf-color-background-hover: #10122a;
    --vf-color-background-active: #1e1040;

    /* The primary button is the brand CTA, not the success green. */
    --vf-color-button-positive-default: #94a3b8;
    --vf-color-button-positive-hover: #f59e0b;
    --vf-color-button-positive-active: #475569;
    --vf-color-button-positive-text: #0b0d17;

    --vf-color-accent: #94a3b8;
}

/* --- Explicit fallbacks -------------------------------------------

   Vanilla 4.50.0 — the version the Incus UI ships — paints most of
   the chrome below from Sass variables baked into ITS build, where a
   custom property never reaches. These rules restate the same values
   as ordinary declarations so the console picks them up. On our own
   4.59.0 surfaces they are redundant and harmless: same value, later
   in the cascade. */

body {
    background-color: #0b0d17;
    color: #f7f8fb;
}

.p-navigation,
.l-navigation,
.l-navigation-bar,
.p-panel__header,
.p-side-navigation {
    background-color: #11141f;
}

.p-navigation__link,
.p-side-navigation__link,
.p-panel__logo-name {
    color: #f7f8fb;
}

.p-side-navigation__link.is-active,
.p-side-navigation__item.is-active > .p-side-navigation__link {
    background-color: #1e1040;
    box-shadow: inset 0.1875rem 0 0 #94a3b8;
}

.p-button--positive {
    background-color: #94a3b8;
    border-color: #94a3b8;
    color: #0b0d17;
}

.p-button--positive:hover {
    background-color: #f59e0b;
    border-color: #f59e0b;
}

.p-button--positive:active {
    background-color: #475569;
    border-color: #475569;
}

/* Body links. The :not() chain keeps buttons and both navigations on
   their own colours — those are chrome, not prose. */
a:not(.p-button):not([class*="p-navigation"]):not([class*="p-side-navigation"]) {
    color: #94a3b8;
}