:root {

	--cor1-hs: 210, 100%;
	--cor1-l: 50%;
	--cor1-hsl: var(--cor1-hs), var(--cor1-l);
	--cor1: hsl(var(--cor1-hsl));

	--cor2-hs: 0, 0%;
	--cor2-l: 85%;
	--cor2-hsl: var(--cor2-hs), var(--cor2-l);
	--cor2: hsl(var(--cor2-hsl));

	--l-claro: 100%;
	--l-escuro: 3%;

}


@media (prefers-color-scheme: dark) {
	:root {
		/*--cor2-l: 15%;*/
		--l-claro: 95%;
		--l-escuro: 3%;

	}
}

:root {
	--cor1-l-light-1: calc(((var(--cor1-l) * (7 - 1)) + (var(--l-claro) * (1))) / (7));
	--cor1-l-light-2: calc(((var(--cor1-l) * (7 - 2)) + (var(--l-claro) * (2))) / (7));
	--cor1-l-light-3: calc(((var(--cor1-l) * (7 - 3)) + (var(--l-claro) * (3))) / (7));
	--cor1-l-light-4: calc(((var(--cor1-l) * (7 - 4)) + (var(--l-claro) * (4))) / (7));
	--cor1-l-light-5: calc(((var(--cor1-l) * (7 - 5)) + (var(--l-claro) * (5))) / (7));
	--cor1-l-light-6: calc(((var(--cor1-l) * (7 - 6)) + (var(--l-claro) * (6))) / (7));
	--cor1-l-light-7: calc(((var(--cor1-l) * (7 - 7)) + (var(--l-claro) * (7))) / (7));

	--cor1-l-dark-1: calc(((var(--cor1-l) * (7 - 1)) + (var(--l-escuro) * (1))) / (7));
	--cor1-l-dark-2: calc(((var(--cor1-l) * (7 - 2)) + (var(--l-escuro) * (2))) / (7));
	--cor1-l-dark-3: calc(((var(--cor1-l) * (7 - 3)) + (var(--l-escuro) * (3))) / (7));
	--cor1-l-dark-4: calc(((var(--cor1-l) * (7 - 4)) + (var(--l-escuro) * (4))) / (7));
	--cor1-l-dark-5: calc(((var(--cor1-l) * (7 - 5)) + (var(--l-escuro) * (5))) / (7));
	--cor1-l-dark-6: calc(((var(--cor1-l) * (7 - 6)) + (var(--l-escuro) * (6))) / (7));
	--cor1-l-dark-7: calc(((var(--cor1-l) * (7 - 7)) + (var(--l-escuro) * (7))) / (7));

	--cor2-l-light-1: calc(((var(--cor2-l) * (4 - 1)) + (var(--l-claro) * (1))) / (4));
	--cor2-l-light-2: calc(((var(--cor2-l) * (4 - 2)) + (var(--l-claro) * (2))) / (4));
	--cor2-l-light-3: calc(((var(--cor2-l) * (4 - 3)) + (var(--l-claro) * (3))) / (4));
	--cor2-l-light-4: calc(((var(--cor2-l) * (4 - 4)) + (var(--l-claro) * (4))) / (4));

	--cor2-l-dark-1: calc(((var(--cor2-l) * (11 - 1)) + (var(--l-escuro) * (1))) / (11));
	--cor2-l-dark-2: calc(((var(--cor2-l) * (11 - 2)) + (var(--l-escuro) * (2))) / (11));
	--cor2-l-dark-3: calc(((var(--cor2-l) * (11 - 3)) + (var(--l-escuro) * (3))) / (11));
	--cor2-l-dark-4: calc(((var(--cor2-l) * (11 - 4)) + (var(--l-escuro) * (4))) / (11));
	--cor2-l-dark-5: calc(((var(--cor2-l) * (11 - 5)) + (var(--l-escuro) * (5))) / (11));
	--cor2-l-dark-6: calc(((var(--cor2-l) * (11 - 6)) + (var(--l-escuro) * (6))) / (11));
	--cor2-l-dark-7: calc(((var(--cor2-l) * (11 - 7)) + (var(--l-escuro) * (7))) / (11));
	--cor2-l-dark-8: calc(((var(--cor2-l) * (11 - 8)) + (var(--l-escuro) * (8))) / (11));
	--cor2-l-dark-9: calc(((var(--cor2-l) * (11 - 9)) + (var(--l-escuro) * (9))) / (11));
	--cor2-l-dark-10: calc(((var(--cor2-l) * (11 - 10)) + (var(--l-escuro) * (10))) / (11));
	--cor2-l-dark-11: calc(((var(--cor2-l) * (11 - 11)) + (var(--l-escuro) * (11))) / (11));

}


:root {
	/* documented customizable variables */
	--fonts-proportional: SFProText !important;
	--fonts-monospace: monoid !important;
	--fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Twemoji Mozilla";
	/* other variables */
	--fonts-regular: var(--fonts-proportional), var(--fonts-emoji);
	--border-radius: .28571429rem;
	--opacity-disabled: .55;
	--color-primary: var(--cor1) !important;
	--color-primary-dark-1: hsl(var(--cor1-hs), var(--cor1-l-dark-1)) !important;
	--color-primary-dark-2: hsl(var(--cor1-hs), var(--cor1-l-dark-2)) !important;
	--color-primary-dark-3: hsl(var(--cor1-hs), var(--cor1-l-dark-3)) !important;
	--color-primary-dark-4: hsl(var(--cor1-hs), var(--cor1-l-dark-4)) !important;
	--color-primary-dark-5: hsl(var(--cor1-hs), var(--cor1-l-dark-5)) !important;
	--color-primary-dark-6: hsl(var(--cor1-hs), var(--cor1-l-dark-6)) !important;
	--color-primary-dark-7: hsl(var(--cor1-hs), var(--cor1-l-dark-7)) !important;
	--color-primary-light-1: hsl(var(--cor1-hs), var(--cor1-l-light-1)) !important;
	--color-primary-light-2: hsl(var(--cor1-hs), var(--cor1-l-light-2)) !important;
	--color-primary-light-3: hsl(var(--cor1-hs), var(--cor1-l-light-3)) !important;
	--color-primary-light-4: hsl(var(--cor1-hs), var(--cor1-l-light-4)) !important;
	--color-primary-light-5: hsl(var(--cor1-hs), var(--cor1-l-light-5)) !important;
	--color-primary-light-6: hsl(var(--cor1-hs), var(--cor1-l-light-6)) !important;
	--color-primary-light-7: hsl(var(--cor1-hs), var(--cor1-l-light-7)) !important;
	--color-primary-alpha-10: hsla(var(--cor1-hsl), 0.1) !important;
	--color-primary-alpha-20: hsla(var(--cor1-hsl), 0.2) !important;
	--color-primary-alpha-30: hsla(var(--cor1-hsl), 0.3) !important;
	--color-primary-alpha-40: hsla(var(--cor1-hsl), 0.4) !important;
	--color-primary-alpha-50: hsla(var(--cor1-hsl), 0.5) !important;
	--color-primary-alpha-60: hsla(var(--cor1-hsl), 0.6) !important;
	--color-primary-alpha-70: hsla(var(--cor1-hsl), 0.7) !important;
	--color-primary-alpha-80: hsla(var(--cor1-hsl), 0.8) !important;
	--color-primary-alpha-90: hsla(var(--cor1-hsl), 0.9) !important;
	--color-secondary: var(--cor2) !important;
	--color-secondary-dark-1: hsl(var(--cor2-hs), var(--cor2-l-dark-1)) !important;
	--color-secondary-dark-2: hsl(var(--cor2-hs), var(--cor2-l-dark-2)) !important;
	--color-secondary-dark-3: hsl(var(--cor2-hs), var(--cor2-l-dark-3)) !important;
	--color-secondary-dark-4: hsl(var(--cor2-hs), var(--cor2-l-dark-4)) !important;
	--color-secondary-dark-5: hsl(var(--cor2-hs), var(--cor2-l-dark-5)) !important;
	--color-secondary-dark-6: hsl(var(--cor2-hs), var(--cor2-l-dark-6)) !important;
	--color-secondary-dark-7: hsl(var(--cor2-hs), var(--cor2-l-dark-7)) !important;
	--color-secondary-dark-8: hsl(var(--cor2-hs), var(--cor2-l-dark-8)) !important;
	--color-secondary-dark-9: hsl(var(--cor2-hs), var(--cor2-l-dark-9)) !important;
	--color-secondary-dark-10: hsl(var(--cor2-hs), var(--cor2-l-dark-10)) !important;
	--color-secondary-dark-11: hsl(var(--cor2-hs), var(--cor2-l-dark-11)) !important;
	--color-secondary-light-1: hsl(var(--cor2-hs), var(--cor2-l-light-1)) !important;
	--color-secondary-light-2: hsl(var(--cor2-hs), var(--cor2-l-light-2)) !important;
	--color-secondary-light-3: hsl(var(--cor2-hs), var(--cor2-l-light-3)) !important;
	--color-secondary-light-4: hsl(var(--cor2-hs), var(--cor2-l-light-4)) !important;
	--color-secondary-alpha-10: hsla(var(--cor2-hsl), 0.1) !important;
	--color-secondary-alpha-20: hsla(var(--cor2-hsl), 0.2) !important;
	--color-secondary-alpha-30: hsla(var(--cor2-hsl), 0.3) !important;
	--color-secondary-alpha-40: hsla(var(--cor2-hsl), 0.4) !important;
	--color-secondary-alpha-50: hsla(var(--cor2-hsl), 0.5) !important;
	--color-secondary-alpha-60: hsla(var(--cor2-hsl), 0.6) !important;
	--color-secondary-alpha-70: hsla(var(--cor2-hsl), 0.7) !important;
	--color-secondary-alpha-80: hsla(var(--cor2-hsl), 0.8) !important;
	--color-secondary-alpha-90: hsla(var(--cor2-hsl), 0.9) !important;




	/* colors */
	--color-red: #db2828;
	--color-orange: #f2711c;
	--color-yellow: #fbbd08;
	--color-olive: #b5cc18;
	--color-green: #21ba45;
	--color-teal: #00b5ad;
	--color-blue: #2185d0;
	--color-violet: #6435c9;
	--color-purple: #a333c8;
	--color-pink: #e03997;
	--color-brown: #a5673f;
	--color-grey: #888888;
	--color-black: #1b1c1d;
	--color-gold: #a1882b;
	--color-white: #ffffff;
	--color-diff-removed-word-bg: #fdb8c0;
	--color-diff-added-word-bg: #acf2bd;
	--color-diff-removed-row-bg: #ffeef0;
	--color-diff-added-row-bg: #e6ffed;
	--color-diff-removed-row-border: #f1c0c0;
	--color-diff-added-row-border: #e6ffed;
	--color-diff-inactive: #f2f2f2;
	/* target-based colors */
	--color-body: var(--color-secondary-light-4);
	--color-text-dark: var(--color-secondary-dark-11);
	--color-text: var(--color-secondary-dark-10);
	--color-text-light: var(--color-secondary-dark-8);
	--color-text-light-2: var(--color-secondary-dark-6);
	--color-text-light-3: var(--color-secondary-dark-4);
	--color-box-header: hsl(223, 0%, var(--cor1-l-light-6));
	--color-box-body: var(--color-body);
	--color-footer: var(--color-body);
	--color-timeline: hsl(223, 0%, var(--cor1-l-light-5));
	--color-input-text: hsl(223, 0%, var(--cor1-l-dark-5));
	--color-input-background: var(--color-body);
	--color-input-border: var(--color-secondary);
	--color-input-border-hover: var(--color-secondary-dark-3);
	--color-navbar: var(--color-secondary-light-2);
	--color-light: hsla(var(--cor2-hsl), 0.02);
	--color-light-border: hsla(var(--cor2-hsl), 0.11);
	--color-hover: hsla(var(--cor2-hsl), 0.05);
	--color-active: hsla(var(--cor2-hsl), 0.07);
	--color-menu: var(--color-body);
	--color-card: var(--color-body);
	--color-markdown-table-row: hsla(var(--cor2-hsl), 0.06);
	--color-markdown-code-block: hsla(var(--cor2-hsl), 0.06);
	--color-button: var(--color-body);
	--color-code-bg: var(--color-body);
	--color-markdown-code-block: hsla(var(--cor2-hsl), 0.065);
	--color-secondary-bg: hsl(223, 0%, var(--cor1-l-dark-7));
	--color-expand-button: hsl(208, 13%, var(--cor1-l-dark-7));

}





/*abaixo coisas minhas, talvez esteja sobrando algo*/
::selection {
	background-color: #F20050 !important;
	color: white !important;
}


.markdown:not(code) code,
.markdown:not(code) tt {
	padding: .1em 0 !important;
	border-radius: 0.5em;
}



.avatar,
img[src*="/avatar/"] {
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
	border-radius: 50% !important;
}

.dropdown:hover .avatar,
.avatar:hover,
.dropdown:hover img[src*="/avatar/"],
img[src*="/avatar/"]:hover,
#profile-avatar:hover img {
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.25);
}

.user.profile .ui.card #profile-avatar,
.user.profile .ui.card .image {
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
}

.user.profile .ui.card #profile-avatar img[src*="avatar"],
.user.profile .ui.card .image img[src*="avatar"] {
	max-width: 90%;
	display: inline-block;
}

.user.profile span.header.text.center {
	display: block;
	margin-top: 0.3em;
	padding-top: 0.2em;
	border-width: 1px 1px 0 1px;
	border-color: #eaeaea;
	border-style: solid;
	border-radius: 0.6em 0.6em 0 0;
	background-color: rgba(234, 234, 234, 0.5);
}

.user.profile span.username.text.center {
	display: block;
	font-family: monoid !important;
	padding-bottom: 0.2em;
	border-width: 0 1px 1px 1px;
	border-color: #eaeaea;
	border-style: solid;
	border-radius: 0 0 0.6em 0.6em;
	background-color: rgba(234, 234, 234, 0.5);
}


.following.bar.light,
footer {
	background-color: var(--color-primary-light-5) !important;
	box-shadow: 0 1px 7px rgba(0, 0, 0, .1) !important;

}

.following.bar.light {
	position: sticky !important;
	top: 0 !important;
	z-index: 1000;
}







footer .ui.container .ui.left,
footer .ui.container .ui.right>a,
footer .ui.container .ui.right>span,
a[href*="docs.gitea.io"] {
	display: none !important;
	visibility: hidden !important;
}