/* ==UserStyle==
@name           Wikipedia /// Toned Down
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Lowers the contrast on Wikipedia and changes the fonts to serif.
@author         Kayce Loves Maids
==/UserStyle== */

@-moz-document domain("wikipedia.org") {
	:root {
		/* --color-base: #202122; */
		--color-base-fixed: #202122;
		--color-base--hover: #404244;
		--color-emphasized: #101418;
		--color-subtle: #54595d;
		--color-placeholder: #72777d;
		--color-disabled: #a2a9b1;
		--color-disabled-emphasized: #a2a9b1;
		--color-inverted: #fff;
		--color-inverted-fixed: #fff;
		--color-progressive: #36c;
		--color-progressive--hover: #3056a9;
		--color-progressive--active: #233566;
		--color-progressive--focus: #36c;
		--color-destructive: #bf3c2c;
		--color-destructive--hover: #9f3526;
		--color-destructive--active: #612419;
		--color-destructive--focus: #36c;
		--color-visited: #6a60b0;
		--color-visited--hover: #534fa3;
		--color-visited--active: #353262;
		--color-destructive--visited: #9f5555;
		--color-destructive--visited--hover: #854848;
		--color-destructive--visited--active: #512e2e;
		--color-error: #bf3c2c;
		--color-error--hover: #9f3526;
		--color-error--active: #612419;
		--color-warning: #886425;
		--color-success: #177860;
		--color-notice: #404244;
		--color-icon-error: #f54739;
		--color-icon-warning: #ab7f2a;
		--color-icon-success: #099979;
		--color-icon-notice: #72777d;
		--color-content-added: #006400;
		--color-content-removed: #8b0000;
		--filter-invert-icon: 0;
		--filter-invert-primary-button-icon: 1;
		--box-shadow-color-base: #a2a9b1;
		--box-shadow-color-progressive--active: #233566;
		--box-shadow-color-progressive--focus: #36c;
		--box-shadow-color-progressive-selected: #36c;
		--box-shadow-color-progressive-selected--hover: #3056a9;
		--box-shadow-color-progressive-selected--active: #233566;
		--box-shadow-color-destructive--focus: #36c;
		--box-shadow-color-inverted: #fff;
		--box-shadow-color-alpha-base: rgba(0,0,0,0.06);
		--box-shadow-color-transparent: transparent;
		--mix-blend-mode-base: normal;
		--mix-blend-mode-blend: multiply;
		--background-color-base: lavender;
		--background-color-base-fixed: #fff;
		--background-color-neutral: #eaecf0;
		--background-color-neutral-subtle: lavender;
		--background-color-interactive: #eaecf0;
		--background-color-interactive--hover: #dadde3;
		--background-color-interactive--active: #c8ccd1;
		--background-color-interactive-subtle: #f8f9fa;
		--background-color-interactive-subtle--hover: #eaecf0;
		--background-color-interactive-subtle--active: #dadde3;
		--background-color-disabled: #dadde3;
		--background-color-disabled-subtle: #eaecf0;
		--background-color-inverted: #101418;
		--background-color-progressive: #36c;
		--background-color-progressive--hover: #3056a9;
		--background-color-progressive--active: #233566;
		--background-color-progressive--focus: #36c;
		--background-color-progressive-subtle: #f1f4fd;
		--background-color-progressive-subtle--hover: #d9e2ff;
		--background-color-progressive-subtle--active: #b6d4fb;
		--background-color-destructive: #bf3c2c;
		--background-color-destructive--hover: #9f3526;
		--background-color-destructive--active: #612419;
		--background-color-destructive--focus: #36c;
		--background-color-destructive-subtle: #ffe9e5;
		--background-color-destructive-subtle--hover: #ffdad3;
		--background-color-destructive-subtle--active: #ffc8bd;
		--background-color-error: #f54739;
		--background-color-error--hover: #d74032;
		--background-color-error--active: #bf3c2c;
		--background-color-error-subtle: #ffe9e5;
		--background-color-error-subtle--hover: #ffdad3;
		--background-color-error-subtle--active: #ffc8bd;
		--background-color-warning-subtle: #fdf2d5;
		--background-color-success-subtle: #dff2eb;
		--background-color-notice-subtle: #eaecf0;
		--background-color-content-added: #a3d3ff;
		--background-color-content-removed: #ffe49c;
		--background-color-transparent: transparent;
		--background-color-backdrop-light: rgba(255,255,255,0.65);
		--background-color-backdrop-dark: rgba(0,0,0,0.65);
		--background-color-button-quiet--hover: rgba(0,24,73,0.027);
		--background-color-button-quiet--active: rgba(0,24,73,0.082);
		--background-color-input-binary--checked: #36c;
		--background-color-tab-list-item-framed--hover: rgba(255,255,255,0.3);
		--background-color-tab-list-item-framed--active: rgba(255,255,255,0.65);
		--opacity-icon-base: 0.87;
		--opacity-icon-base--hover: 0.74;
		--opacity-icon-base--selected: 1;
		--opacity-icon-base--disabled: 0.51;
		--opacity-icon-placeholder: 0.51;
		--opacity-icon-subtle: 0.67;
		--border-color-base: #a2a9b1;
		--border-color-emphasized: #202122;
		--border-color-subtle: #c8ccd1;
		--border-color-muted: #dadde3;
		--border-color-interactive: #72777d;
		--border-color-interactive--hover: #27292d;
		--border-color-interactive--active: #202122;
		--border-color-disabled: #c8ccd1;
		--border-color-inverted: #fff;
		--border-color-inverted-fixed: #fff;
		--border-color-progressive: #6485d1;
		--border-color-progressive--hover: #3056a9;
		--border-color-progressive--active: #233566;
		--border-color-progressive--focus: #36c;
		--border-color-destructive: #f54739;
		--border-color-destructive--hover: #9f3526;
		--border-color-destructive--active: #612419;
		--border-color-destructive--focus: #36c;
		--border-color-error: #f54739;
		--border-color-error--hover: #9f3526;
		--border-color-error--active: #612419;
		--border-color-warning: #ab7f2a;
		--border-color-warning--hover: #735421;
		--border-color-warning--active: #453217;
		--border-color-success: #099979;
		--border-color-notice: #72777d;
		--border-color-content-added: #a3d3ff;
		--border-color-content-removed: #ffe49c;
		--border-color-transparent: transparent;
		--border-color-divider: #a2a9b1;
		--outline-color-progressive--focus: #36c;
		--color-link: var(--color-progressive);
		--color-link--hover: var(--color-progressive--hover);
		--color-link--active: var(--color-progressive--active);
		--color-link--focus: var(--color-progressive--focus);
		--color-link--visited: var(--color-visited);
		--color-link--visited--hover: var(--color-visited--hover);
		--color-link--visited--active: var(--color-visited--active);
		--color-link-red: var(--color-destructive);
		--color-link-red--hover: var(--color-destructive--hover);
		--color-link-red--active: var(--color-destructive--active);
		--color-link-red--focus: var(--color-destructive--focus);
		--color-link-red--visited: var(--color-destructive--visited);
		--color-link-red--visited--hover: var(--color-destructive--visited--hover);
		--color-link-red--visited--active: var(--color-destructive--visited--active);
		--accent-color-base: #36c;
		--border-color-input--hover: var(--border-color-interactive);
		--border-color-input-binary: var(--border-color-interactive);
		--border-color-input-binary--hover: var(--border-color-progressive--hover);
		--border-color-input-binary--active: var(--border-color-progressive--active);
		--border-color-input-binary--focus: var(--border-color-progressive--focus);
		--border-color-input-binary--checked: var(--border-color-progressive);
		--color-base--subtle: #54595d;
		--color-base: #2c2c37;
	}
	
	html, body {
    	font-family: serif;
	}
    	
	/* Links */
	a:where(:not([role="button"]):not(.cdx-menu-item__content)) {
    	text-decoration: underline solid var(--color-link);
	}
	
	a:where(.new:not([role="button"])) {
    	text-decoration: underline solid var(--color-destructive,#bf3c2c);
	}
}