@charset "utf-8";

:root {
	--cb-cream: #fffaf0;
	--cb-border: #ebdccd;
	--cb-green: #7db987;
	--cb-green-dark: #558c5a;
	--cb-yellow: #fad764;
	--cb-amber: #a5500f;

	--bs-primary: var(--cb-green-dark);
	--bs-primary-rgb: 85, 140, 90;
	--bs-body-bg: var(--cb-cream);
	--bs-body-color: #4b5564;
	--bs-border-color: var(--cb-border);
	--bs-link-color: var(--cb-green-dark);
	--bs-link-color-rgb: 85, 140, 90;
	--bs-link-hover-color: #416e46;
	--bs-border-radius: 0.75rem;
	--bs-border-radius-lg: 1rem;
}

body {
	font-family: 'PingFang TC', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	background-color: var(--cb-cream) !important;
	color: #4b5564;
}

h1, h2, h3, h4, h5, h6 {
	color: #374150;
}

body > .row {
	margin: 80px 0 0 0;
}

.row {
	margin: 0;
}

body > .row > .bg-light {
	background-color: var(--cb-cream) !important;
}

body > .row > .bg-white {
	background-color: #ffffff !important;
	border: 1px solid var(--cb-border);
	border-radius: 1rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	padding: 1rem 1.25rem;
}

.badge.bg-primary {
	background-color: var(--cb-green) !important;
}

@media (max-width: 990px) {
	body > .row > .bg-white {
		border-radius: 0.75rem;
		padding: 1rem;
	}

	.row > .col-md-2,
	.row > .col-md-10 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}