/* ==========================================================================
   IvyPanda — base.css
   Global reset, body, typography defaults, .container, .btn, .section-title.
   ========================================================================== */

/* ---------- Reset / base ---------- */
* { box-sizing: border-box; }
body {
	margin: 0;
	font-family: var(--font-body);
	color: var(--color-text);
	background: var(--color-bg);
	line-height: 1.6;
}
h1, h2, h3, h4 { font-family: var(--font-heading); line-height: 1.2; margin: 0 0 0.5em; }
img { max-width: 100%; display: block; height: auto; }
a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }

.container {
	max-width: var(--container-width);
	margin: 0 auto;
	padding: 0 20px;
}

.btn {
	display: inline-block;
	padding: 12px 24px;
	border-radius: var(--radius);
	font-weight: 600;
	cursor: pointer;
	border: none;
}
.btn-primary { background: var(--color-primary); color: var(--color-on-primary); }
.btn-accent { background: var(--color-accent); color: var(--color-on-accent); }
.btn-secondary { background: var(--color-secondary); color: #fff; }
.btn:hover { opacity: 0.9; text-decoration: none; }

.section-title {
	text-align: center;
	margin: 40px 0;
	font-size: 2rem;
}