[data-dnet-theme="dark"] {
    --dnet-sys-surface: #1e1f22;
    --dnet-sys-surface-raised: #2b2d31;
    --dnet-sys-surface-variant: #2b2d31;
    --dnet-sys-surface-hover: #35373c;
    --dnet-sys-surface-inverse: #e3e5e8;
    --dnet-sys-on-surface: #e3e5e8;
    --dnet-sys-on-surface-muted: #b5bac1;
    --dnet-sys-on-surface-subtle: #8b8f98;
    --dnet-sys-on-surface-emphasis: color-mix(in srgb, var(--dnet-sys-on-surface) 87%, transparent);
    --dnet-sys-border: #3f4147;
    --dnet-sys-border-strong: #50535a;
    --dnet-sys-elevation-1: 0 2px 8px rgb(0 0 0 / .5);
    --dnet-sys-elevation-2: 0 4px 12px rgb(0 0 0 / .5);
    --dnet-sys-elevation-3: 0 8px 18px rgb(0 0 0 / .5);
    --dnet-sys-elevation-4: 0 12px 26px rgb(0 0 0 / .55);
    --dnet-sys-elevation-5: 0 18px 36px rgb(0 0 0 / .6);

    /* PickList: quiet black resting rows with a clear, cool selected state. */
    --dnet-picklist-item-background: transparent;
    --dnet-picklist-item-hover: #22262c;
    --dnet-picklist-item-selected: transparent;
}