[data-color-scheme=dark],html:not([data-color-scheme]) {
    --csstools-color-scheme--light: ;
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-text-primary: #DDD;
    --color-text-secondary: #999;
    --color-text-tertiary: #666;
    --color-text-inverted: #303030;
    --color-text-brand: #b0aafc;
    
    --color-text-brand-soft: color-mix(in oklab, var(--color-text-primary), var(--color-text-brand));
    
    --color-text-on-brand-base: #111;
    
    --color-text-brand-on-inverted: var(--color-indigo-600);
    --color-text-error: var(--color-red-300);
    --color-text-on-error-base: var(--color-white);
    --color-text-warning: var(--color-yellow-400);
    --color-text-on-warning-base: var(--color-white);
    --color-text-success: var(--color-green-400);
    --color-text-on-success-base: var(--color-white);
    --color-text-disabled: var(--color-grey-600);
    --color-text-on-disabled: var(--color-grey-400);
    --color-text-bookmark-highlight: var(--color-text-error);
    --color-text-favourite-highlight: var(--color-text-warning);
    --color-text-on-media: var(--color-white);
    --color-text-status-links: color-mix(in oklab, var(--color-text-primary), var(--color-text-secondary));
    
    --color-bg-primary: #111111;
    --overlay-strength-secondary: 4%;
    --color-bg-secondary: #181818;
    --color-bg-tertiary: #222;
    
    --color-bg-inverted: var(--color-grey-50);
    --color-bg-overlay-base: rgb(from var(--color-grey-950) r g b/60%);
    --color-bg-overlay-highlight: rgb(from var(--color-white) r g b/5%);
    --color-bg-overlay: var(--color-black);
    --color-bg-media-base: var(--color-black);
    --color-bg-media: rgb(from var(--color-bg-media-base) r g b/65%);
    --color-bg-disabled: var(--color-grey-700);
    
    --color-bg-brand-base: #b0aafc;
    --color-bg-brand-base-hover: #d0cbff;
    --color-bg-brand-soft: #555194;
    --color-bg-brand-softest: #392d60;
    
    --color-bg-error-base: #eb767e;
    --color-bg-error-base-hover: #f5a9ae;
    --color-bg-error-soft: #573033;
    --color-bg-error-softest: #331617;
    
    --color-bg-warning-base: #f3a18d;
    --color-bg-warning-soft: #583d31;
    --color-bg-warning-softest: #322117;
    
    --color-bg-success-base: #87d99a;
    --color-bg-success-soft: #325841;
    --color-bg-success-softest: #162d1b;
    
    --color-border-primary: #0000;
    --color-border-brand: var(--color-text-brand);
    --color-border-brand-soft: #555194;
    --color-border-error: #eb767e;
    --color-border-media: #000;
    
    --color-border-error-soft: rgb(from var(--color-border-error) r g b/50%);
    --color-border-warning-soft: rgb(from var(--color-text-warning) r g b/50%);
    --color-border-success-soft: var(--color-green-800);
    --shadow-strength-primary: 80%;
    --color-shadow-primary: rgb(from var(--color-black) r g b/var(--shadow-strength-primary));
    --dropdown-shadow: 0 20px 25px -5px var(--color-shadow-primary), 0 8px 10px -6px var(--color-shadow-primary);
    --overlay-icon-shadow: drop-shadow(0 0 8px var(--color-shadow-primary));
    --color-graph-primary-stroke: var(--color-text-brand);
    --color-graph-primary-fill: var(--color-bg-brand-softest);
    --color-graph-warning-stroke: var(--color-text-warning);
    --color-graph-warning-fill: var(--color-bg-warning-softest);
    --color-graph-disabled-stroke: var(--color-text-disabled);
    --color-graph-disabled-fill: var(--color-bg-disabled);
    --rich-text-container-color: #57183c;
    --rich-text-text-color: #ffafd4;
    --rich-text-decorations-color: #803a5f
}

article {
    background: var(--color-bg-secondary);
    margin-bottom: 6px;
}

.navigation-panel__logo {
    display: none;
}

.logo {
    visibility: hidden;
}