/* ========================================
   New Year Theme Color Variables
   ======================================== */
:root {
	--body_bg: #05091a;          /* Midnight sky */
	--body_text: #f5f5f7;        /* Soft light text */

	--link: #f8f0c9;             /* Champagne light */
	--heading: #f7e27b;          /* Bright golden heading */

	--footer_text: #c3c5d4;      /* Muted cool gray */
	--footer_link: #f2d98a;      /* Warm gold link */

	--page_bg_top: rgba(27, 34, 56, 0.95);      /* Deep navy panel top */
	--page_bg_bottom: rgba(18, 26, 70, 0.95);   /* Almost-black panel bottom */
	--page_border: #f5d46b;      /* Gold frame */

	--leftnav_text: #f8f0e6;     /* Light nav text */
	--leftnav_hover_bg: #2b3654; /* Deeper blue on hover */

	--thumb_credit: #ffb347;     /* Festive golden-orange */
}


/* ========================================
   Global
   ======================================== */

body {
	   background-color: #05091a; /* fallback midnight */
	   background-image: url('/images/backgrounds/new-years-stars-2.svg'); /* adjust path */
	   background-repeat: repeat;
	   background-size: 120px 120px; /* same as SVG width/height */
	   background-attachment: fixed; /* optional: parallax-ish feel */
	   color: #f5f5f7; /* light text over dark */
}
   
a:link,
a:visited {
	color: var(--link);
}

h1,
h2 {
	color: var(--heading);
}


/* ========================================
   Footer
   ======================================== */

footer {
	color: var(--footer_text);
}

footer a:link,
footer a:visited {
	color: var(--footer_link);
}


/* ========================================
   Logo
   ======================================== */



/* ========================================
   Page Container
   ======================================== */

#page {
	background-color: var(--page_bg_top);

	background: linear-gradient(
		to bottom,
		var(--page_bg_top) 0%,
		var(--page_bg_bottom) 100%
	);

	border: 2px solid var(--page_border);
}


/* ========================================
   Left Nav
   ======================================== */

#left_nav li {
	color: var(--leftnav_text);
}

#left_nav li:hover {
	background-color: var(--leftnav_hover_bg);
}

#left_nav li::before {
	content: "🌟";
}


/* ========================================
   Content Boxes
   ======================================== */
.content_box {
	background-color: rgba(255, 236, 137, 0.75);
	color: rgba(103, 0, 255, 1);
}

.content_box_title {
	background-color: rgba(255, 214, 0, 0.75);
}

.content_box_content {
	color: rgba(103, 0, 255, 1);
}



/* ========================================
   Misc
   ======================================== */