:root {
	--ny-bg-dark: #0b0f1a;
	--ny-bg-card: #151a2e;
	--ny-gold: #d4af37;
	--ny-gold-light: #f5e6a8;
	--ny-text: #f8f9fa;
}

/* Background */
body {
	background: radial-gradient(circle at top, #1a2040, var(--ny-bg-dark));
	color: var(--ny-text);
}

/* Headings */
h1, h2, h3, h4, h5 {
	color: var(--ny-gold);
	letter-spacing: 1px;
}

/* Navbar */
.navbar {
	background: linear-gradient(90deg, #0b0f1a, #1a2040);
	border-bottom: 1px solid rgba(212, 175, 55, 0.3);
}

.navbar-brand {
	color: var(--ny-gold) !important;
	font-weight: bold;
}

.navbar-nav .nav-link {
	color: var(--ny-text) !important;
}

.navbar-nav .nav-link:hover {
	color: var(--ny-gold-light) !important;
}

.navbar-light .navbar-toggler {
	color: var(--ny-text);
	border-color: rgba(212, 175, 55, 0.3);
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(212,175,55,0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Cards */
.card {
	background-color: var(--ny-bg-card);
	border: 1px solid rgba(212, 175, 55, 0.25);
	box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);
	color: var(--ny-text);
}

.card-header {
	background: linear-gradient(90deg, #1a2040, #0b0f1a);
	color: var(--ny-gold);
	border-bottom: 1px solid rgba(212, 175, 55, 0.3);
}

/* Buttons */
.btn-primary {
	background: linear-gradient(45deg, #d4af37, #b8962e);
	border: none;
	color: #000;
	font-weight: bold;
}

.btn-primary:hover {
	background: linear-gradient(45deg, #f5e6a8, #d4af37);
	color: #000;
}

.btn-outline-primary {
	border-color: var(--ny-gold);
	color: var(--ny-gold);
}

.btn-outline-primary:hover {
	background-color: var(--ny-gold);
	color: #000;
}

.btn-link {
	color: var(--ny-gold-light) !important;
}

.btn-link:hover {
	color: var(--ny-gold) !important;
}

/* Badges */
.badge-primary {
	background-color: var(--ny-gold);
	color: #000;
}

/* Tables */
.table {
	color: var(--ny-text);
}

.table thead th {
	border-bottom: 2px solid var(--ny-gold);
}

/* Forms */
.form-control {
	background-color: #0f1426;
	border: 1px solid rgba(212, 175, 55, 0.3);
	color: var(--ny-text);
}

.form-control:focus {
	background-color: #0f1426;
	border-color: var(--ny-gold);
	box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25);
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #1a1a1a;
	color: #848484;
}

/* Text muted */
.text-muted {
	color: #b5b5b5 !important;
}

/* Modal */
.modal {
	color: var(--ny-text);
}

.modal-content {
	background-color: #151a2e;
	color: var(--ny-text);
	border: 1px solid rgba(212, 175, 55, 0.3);
}

.modal-header {
	border-bottom: 1px solid rgba(212, 175, 55, 0.3);
}

.modal-header .close {
	color: var(--ny-gold-light);
}

.modal-title {
	color: var(--ny-gold);
}

/* Popover */
.popover {
	background-color: #151a2e;
	border: 1px solid rgba(212, 175, 55, 0.3);
	color: var(--ny-text);
}

.popover-header {
	background-color: #1a2040;
	color: var(--ny-gold);
}

/* Alert */
.alert-success {
	background-color: rgba(212, 175, 55, 0.1);
	border-color: rgba(212, 175, 55, 0.3);
	color: var(--ny-text);
}

/* HR */
hr {
	border-top: 1px solid rgba(212, 175, 55, 0.25);
}

/* List */
.list-group-item {
	background-color: #151a2e;
	border: 1px solid rgba(212, 175, 55, 0.2);
	color: var(--ny-text);
}

.list-group-item a {
	color: var(--ny-gold-light);
}

.list-group-item a:hover {
	color: var(--ny-gold);
}

/* Shoutbox */
#chat_input_box {
	border-bottom: 1px solid rgba(212, 175, 55, 0.3);
	background-color: #151a2e;
	color: var(--ny-text);
}

/* Footer */
.footer {
	background: var(--ny-bg-dark);
	border-top: 1px solid rgba(212, 175, 55, 0.3);
	color: #aaa;
}
