/* ============================================
	 CSIS-320 Dark Theme Overrides for Bootstrap 5
	 ============================================ */

:root {
		/* Primary color - Tech cyan */
		--bs-primary: #22d3ee;
		--bs-primary-rgb: 34, 211, 238;

		/* Success - Bright green */
		--bs-success: #4ade80;
		--bs-success-rgb: 74, 222, 128;

		/* Warning - Amber */
		--bs-warning: #fbbf24;
		--bs-warning-rgb: 251, 191, 36;

		/* Danger - Soft red */
		--bs-danger: #f87171;
		--bs-danger-rgb: 248, 113, 113;

		/* Info - Light blue */
		--bs-info: #60a5fa;
		--bs-info-rgb: 96, 165, 250;

		/* Body & Background */
		--bs-body-bg: #0f172a;
		--bs-body-color: #e2e8f0;
		--bs-border-color: #334155;
}

/* Darker cards and containers */
.card {
		background-color: #1e2937 !important;
		border-color: #334155 !important;
}

/* Table styling */
.table {
		--bs-table-bg: #1e2937;
		--bs-table-striped-bg: #334155;
		color: #e2e8f0;
}

.table-hover tbody tr:hover {
		background-color: #334155 !important;
}

/* Navbar & Footer tweaks */
.navbar {
		background-color: #0f172a !important;
}

footer {
		background-color: #0f172a !important;
}

/* Buttons */
.btn-outline-info {
		color: #22d3ee;
		border-color: #22d3ee;
}

.btn-outline-info:hover {
		background-color: #22d3ee;
		color: #0f172a;
}

/* Headings */
h1, h2, h3, h4, h5 {
		color: #e2e8f0;
}

/* Small text improvements */
.text-muted {
		color: #94a3b8 !important;
}

/* Optional: Add a subtle glow to primary elements */
.btn-info, .text-info {
		text-shadow: 0 0 8px rgba(34, 211, 238, 0.3);
}