:root {
	--accent: #ff931e;
	--bs-primary-text-emphasis: #ff931e;
	--bs-primary-rgb: 255, 147, 30;
}
html{
	scroll-padding-top: 60px;
	scroll-behavior: smooth;
}
body, .card, nav, footer, section, .notice-banner, .badge {
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}
.navbar-brand {
	font-weight: 700;
	letter-spacing: 1px;
	white-space: normal;
}
.jua-font{
	font-family: 'Jua', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.hero-section {
	min-height: 70vh;
	display: flex;
	align-items: center;
}
[data-bs-theme="dark"] .hero-section {
	background: linear-gradient(135deg, #0f131a 0%, #1b222e 100%);
	border-bottom: 1px solid #2d3748;
}
[data-bs-theme="light"] .hero-section {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-bottom: 1px solid #dee2e6;
	color: #212529 !important;
}
.feature-icon {
	display: inline-flex;
	align-items: center;
	align-self: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 0.75rem;
	background-color: rgba(253, 119, 13, 0.15);
	color: var(--accent);
	font-size: 1.5rem;
	margin-bottom: 1.25rem;
}
.card {
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.card:hover {
	transform: translateY(-5px);
	border-color: var(--accent);
}
.notice-banner {
	border-left: 5px solid #ffc107;
}
[data-bs-theme="dark"] .notice-banner {
	background-color: #2c2413;
	color: #ffe082;
	border-top: 1px solid #41351c;
	border-right: 1px solid #41351c;
	border-bottom: 1px solid #41351c;
}
[data-bs-theme="light"] .notice-banner {
	background-color: #fff3cd;
	color: #664d03;
	border-top: 1px solid #ffeeba;
	border-right: 1px solid #ffeeba;
	border-bottom: 1px solid #ffeeba;
}