/*====================
CSS RESETS
=====================*/

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

/*=========================
Base styles
==========================*/

body {
	font-family: var(--font-family);
	background-color: var(--background-color);
	color: var(--text-color);
	transition:
		background 0.6s ease,
		color 0.3s ease;
}

/* Weather Themes */
.theme-sunny {
	background: linear-gradient(135deg, #ffd54f, #ff8a65);
}

.theme-cloudy {
	background: linear-gradient(135deg, #b0bec5, #78909c);
}

.theme-rainy {
	background: linear-gradient(135deg, #1e3a5f, #2c5364);
}

.theme-snowy {
	background: linear-gradient(135deg, #e3f2fd, #b3e5fc);
}

.theme-night {
	background: linear-gradient(135deg, #0f172a, #1e293b);
}

img {
	display: block;
	max-width: 100%;
}

button,
input {
	font: inherit;
}

.welcome-msg {
	margin-top: var(--spacing-large);
	text-align: center;
	overflow-wrap: break-word;
}