:root {
	--company-bg: #080808;
	--company-secondary: #ff2a3a;
	--company-primary: #f8f8f8;

	--company-font: "Oxanium", sans-serfif;
}

@font-face {
	font-family: "Oxanium";
	font-weight: 600;
	src: url("/assets/fonts/oxanium.ttf") format("truetype");
}

body {
	background: var(--company-bg);
	color: var(--company-primary);
	font-family: var(--company-font);
}

a {
	color: var(--company-secondary);
}

a:hover {
	color: var(--company-primary);
}

/* Inputs */
input,
textarea,
select,
.ui.input > input,
.ui.form input,
.ui.form textarea,
.ui.form select {
    background-color: #181818 !important;
    color: #f8f8f8 !important;
    border-color: #303030 !important;
}

input::placeholder,
textarea::placeholder {
    color: #888 !important;
}

/* Focus */
input:focus,
textarea:focus,
select:focus,
.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus {
    background-color: #181818 !important;
    color: #f8f8f8 !important;
    border-color: #ff2a3a !important;
    box-shadow: 0 0 0 1px #ff2a3a !important;
}