@import url('https://fonts.googleapis.com/css2?family=Russo+One&family=Source+Sans+3:ital,wght@0,300;0,700;1,300;1,700&display=swap');

:root {
	/* Colors */
	--primary: #1a2954;
	--secondary: #f6f1f2;
	--accent: #de8e2b;
    --auxiliary: #735132;

	--text: #222222;

	--grey: #4c4c4c;
	--light-grey: #c6c6c6;

    /* Fonts */
	--base-font: 'Source Sans 3', sans-serif;
	--base-font-strong : 'Source Sans 3', sans-serif;
	--base-font-w : 300;
	--base-font-strong-w: 700;

	--accent-font: 'Russo One', sans-serif;
	--accent-font-strong : 'Russo One', sans-serif;
	--accent-font-w: 400;
	--accent-font-strong-w: 400;

	--base-font-size: 20px;

	/* Animation Speed */
	--default-transition: all 300ms ease-in-out;
}

.default-transition {
    transition: var(--default-transition);
}

.color-primary {
	background-color: var(--primary);
}

.text-primary {
	color: var(--primary);
}

.color-secondary {
	background-color: var(--secondary);
}

.text-secondary {
	color: var(--secondary);
}

.color-accent {
	background-color: var(--accent);
}

.text-accent {
	color: var(--accent);
}