/* debtfree Site Style Override */

:root {
	--color-debtfree-navy: #211C52;
	--color-debtfree-purple: #2E2879;
	--color-debtfree-violet: #4A1D92;
	--color-debtfree-slate: #475569;
	--color-debtfree-ink: #0F172A;
	--color-debtfree-white: #FFFFFF;
	--color-debtfree-black: #000000;

	--header-bg: #FFFFFF;
	--header-border: transparent;
	--header-menu-color: #000000;
	--header-menu-hover-color: #211C52;
	--header-menu-underline-color: #211C52;
	--header-brand-color: #211C52;

	--footer-bg: #FFFFFF;
	--footer-heading-color: #211C52;
	--footer-link-color: #475569;
	--footer-link-hover-color: #211C52;
	--footer-accent-color: #0F172A;
	--footer-credit-color: #2E2879;
	--footer-copyright-color: #475569;
}

.site-footer__copyright {
	border-top-color: rgba(33, 28, 82, 0.16);
}

body.page {
	background-color: var(--color-debtfree-white);
	color: var(--color-debtfree-ink);
}

.page-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: var(--color-debtfree-navy);
}

.entry-content,
.entry-content p,
.entry-content li {
	color: var(--color-debtfree-slate);
}

.entry-content a {
	color: var(--color-debtfree-purple);
	text-decoration-color: var(--color-debtfree-purple);
}

.entry-content a:hover,
.entry-content a:focus {
	color: var(--color-debtfree-navy);
}

.entry-content strong,
.entry-content b {
	color: var(--color-debtfree-ink);
}

.entry-content blockquote {
	border-left-color: var(--color-debtfree-navy);
	background-color: #F5F3FF;
}

.entry-content hr {
	border-top-color: #E2E8F0;
}

.entry-content th {
	background-color: #F5F3FF;
	color: var(--color-debtfree-navy);
}

.entry-content th,
.entry-content td {
	border-color: #E2E8F0;
}

.entry-content code,
.entry-content kbd,
.entry-content samp,
.entry-content pre {
	background-color: #F8FAFC;
}

.hero {
	background: linear-gradient(135deg, #059669 0%, #064E3B 100%);
}

.hero-content h1 {
	color: #34D399;
}

.debt-calc {
	background: white;
	padding: 24px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(5, 150, 105, 0.15);
	margin-top: 20px;
	border: 1px solid rgba(5, 150, 105, 0.2);
	color: var(--color-anthracite);
}

.debt-calc h4 {
	margin-bottom: 12px;
	color: #064E3B;
	font-size: 18px;
}

.debt-calc label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
}

.debt-calc input {
	width: 100%;
	padding: 8px 12px;
	margin-bottom: 12px;
	border: 1px solid var(--color-concrete);
	border-radius: 6px;
	font-family: inherit;
}

.debt-calc button {
	background: #059669;
	color: white;
	border: none;
	width: 100%;
	padding: 10px;
	font-weight: 600;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.2s;
}

.debt-calc button:hover {
	background: #047857;
}

.debt-result {
	margin-top: 12px;
	font-weight: 600;
	color: #047857;
	display: none;
}