/* Base styles - fonts, typography, body */
@font-face {
	font-family: 'Aller_Display';
	src: url('../fonts/AllerDisplay.ttf') format('truetype');
	font-display: swap;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aller_Lt';
	src: url('../fonts/Aller_Lt.ttf') format('truetype');
	font-display: swap;
	font-weight: 300;
	font-style: normal;
}

:root {
	--color-bg-dark: #221c1b;
	--color-bg-darker: #0c0407;
	--color-bg-footer: #171012;
	--color-bg-light: #fef6e1;
	--color-text-dark: #221c1b;
	--color-text-light: #bbf4f3;
	--color-accent: #ff4fae;
	--color-accent-hover: #f9b6da;
	--color-heading: #f9ebc7;
	--gradient-primary: linear-gradient(135deg, #ff4fae 0%, #f9b6da 50%, #bbf4f3 100%);
	--gradient-secondary: linear-gradient(135deg, #bbf4f3 0%, #ff4fae 100%);
	--shadow-glow: 0 0 20px rgba(255, 79, 174, 0.3);
	--shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.5);
}

body {
	font-family: "Aller_Lt", Arial, Helvetica, sans-serif;
	background-color: var(--color-bg-dark);
	margin: 0;
	padding: 0;
	color: var(--color-text-light);
}

p {
	font-family: 'Open Sans', sans-serif;
	color: var(--color-text-dark);
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 16px 0;
}

@media (max-width: 768px) {
	p {
		font-size: 16px;
		line-height: 1.5;
	}
}

p a {
	color: var(--color-accent);
	font-weight: bold;
	text-decoration: none;
	transition: color 0.3s ease;
}

p a:hover {
	color: var(--color-accent-hover);
	text-decoration: none;
}

.no-padding {
	padding: 0;
}

.center-align {
	text-align: center;
}

.center-align .img-responsive {
	display: inline-block;
}