@import url("/assets/styles/bootstrap.min.css");

/* Navbar auto-hide transitions */
.nav-auto-hide {
	transition: transform 0.25s ease, opacity 0.2s ease;
}

.nav-auto-hide.is-hidden {
	transform: translateY(-100%);
	opacity: 0;
}

body {
	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

:root {
	--bs-primary: #ff4500;
	--bs-primary-rgb: 255, 69, 0;
	--bs-secondary: #001f3f;
	--bs-secondary-rgb: 0, 31, 63;
	--accent: #ffa500;
}

/* Align common components to primary/secondary */
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-bg: #cc3700;
	--bs-btn-hover-border-color: #cc3700;
	--bs-btn-active-bg: #b23000;
	--bs-btn-active-border-color: #b23000;
}

/* Brutalist corners: flatten common components */
.btn,
.form-control,
.form-select,
.card,
.alert,
.badge,
.navbar,
.input-group-text,
.list-group-item,
.pagination .page-link,
.modal-content,
.dropdown-menu,
.nav-pills .nav-link,
.progress,
.progress-bar {
	border-radius: 0 !important;
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
}

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-secondary);
	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-hover-bg: #001730;
	--bs-btn-hover-border-color: #001730;
	--bs-btn-active-bg: #001026;
	--bs-btn-active-border-color: #001026;
}

.btn-outline-secondary {
	--bs-btn-color: var(--bs-secondary);
	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-hover-bg: var(--bs-secondary);
	--bs-btn-hover-border-color: var(--bs-secondary);
	--bs-btn-hover-color: #fff;
}

/* Accent utilities */
.badge-accent,
.bg-accent { background-color: var(--accent) !important; color: #001f3f !important; }
.text-accent { color: var(--accent) !important; }

::selection { background: var(--accent); color: #001f3f; }

a { color: var(--bs-primary); }
a:hover { color: #cc3700; }