:root {
	--jet-ink:#a5a7aa;
	--jet-muted:#b5bfd4;
	--jet-bg:#0b0d17;
	--jet-card:#121528;
	--jet-brand:#7b5cff;
	--jet-brand-2:#35d0ff;
}

body {
	background:
		radial-gradient(1200px 800px at 80% -20%, rgba(55,114,255,.15), transparent 60%),
		var(--jet-bg);
	color:var(--jet-ink);
	font-family:'Inter',sans-serif;
	font-weight:400;
}

/* Header/Nav */
.navbar {
	background: linear-gradient(90deg, rgba(17,19,32,.9), rgba(17,19,32,.6));
}
.navbar .nav-link { color:#dce0ff; }
.navbar .nav-link:hover { color:#fff; }

/* Hero */
.hero {
	background: radial-gradient(800px 400px at 15% -10%, rgba(123,92,255,.15), transparent 60%);
}

/* Cards / Links / Type */
.card {
	background:var(--jet-card);
	border:1px solid rgba(255,255,255,.06);
}
a { color:var(--jet-brand); }
a:hover { color:var(--jet-brand-2); }
h1,h2,h3,h4,h5,h6 {
	font-weight:800;
	color:#fff !important;
}
p,li,a,span {
	font-weight:400;
	color:var(--jet-ink);
}

/* Footer */
.footer {
	color: #e7e4e4;
	font-size: 12px;
}

/* --- Navbar toggler: cyan + smooth hover animation --- */

/* Fallback: cyan SVG (works everywhere, swap on hover) */
.navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%230dcaf0' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	filter: none !important;
}
.navbar .navbar-toggler:hover .navbar-toggler-icon,
.navbar .navbar-toggler:focus .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%2335d0ff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Enhanced: use mask so we can animate background-color smoothly */
@supports (mask-image: url("")) or (-webkit-mask-image: url("")) {
	.navbar .navbar-toggler-icon {
		background-image: none !important;
		-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
		mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		background-color: #0dcaf0;
		transition: background-color .25s ease;
	}
	.navbar .navbar-toggler:hover .navbar-toggler-icon,
	.navbar .navbar-toggler:focus .navbar-toggler-icon {
		background-color: var(--jet-brand-2);
	}
}