/*
 * GreenLight — базовые стили
 */

:root {
	--gl-bg: #001c19;
	--gl-panel: #000000;
	--gl-text: #f4fffb;
	--gl-muted: rgba(244, 255, 251, 0.62);
	--gl-accent: #1bff9e;
	--gl-np1-h: 80px;
	--gl-np2-w: 25vw;
	--gl-font: "Unbounded", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

html::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

body {
	margin: 0;
	min-height: 100vh;
	background: var(--gl-bg);
	color: var(--gl-text);
	font-family: var(--gl-font);
	font-weight: 400;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

body::-webkit-scrollbar {
	display: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.gl-main--simple {
	max-width: 720px;
	margin: 0 auto;
	padding: 2rem 1.25rem 4rem;
}

.gl-article__title {
	font-weight: 400;
	font-size: 1.75rem;
	margin: 0 0 1rem;
}

.gl-article__content {
	color: var(--gl-muted);
}

.gl-muted {
	color: var(--gl-muted);
}