/*
Theme Name: Dear Eternity
Theme URI: https://example.com
Author: David
Description: Custom WordPress theme inspired by classic Japanese indie developer websites.
Version: 1.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: dear-eternity
*/
@import url("assets/css/base.css");
@import url("assets/css/header.css");
@import url("assets/css/layout.css");
@import url("assets/css/widgets.css");
@import url("assets/css/posts.css");
@import url("assets/css/footer.css");
@import url("assets/css/responsive.css");

/* ==========================
   Dear Eternity Palette Test
   #A4CDC8 seafoam
   #B4A4CD lavender
========================== */

:root {
	--de-seafoam: #A4CDC8;
	--de-lavender: #B4A4CD;
	--de-bg: #171321;
	--de-panel: #21192f;
	--de-panel-dark: #181222;
}

/* Links / interactive accents */
a,
.timeline-title a,
.entry-title a,
.friend-button,
.timeline-read-more {
	color: var(--de-seafoam);
}

a:hover,
.timeline-title a:hover,
.entry-title a:hover {
	color: var(--de-lavender);
}

/* Borders */
#page,
.panel,
.home-left-menu,
.friend-card,
.single-post,
.comments-panel,
.featured-banner,
.banner-carousel,
.banner-placeholder {
	border-color: rgba(180, 164, 205, .65);
}

/* Header */
.header-top {
	background: linear-gradient(
		to bottom,
		#4a3a6a,
		#2a1d41
	);
}

.site-logo a {
	color: #f7f1ff;
	text-shadow:
		0 2px 8px rgba(0,0,0,.45),
		0 0 10px rgba(164,205,200,.22);
}

.site-socials a {
	color: var(--de-seafoam);
}

.site-socials a:hover {
	color: var(--de-lavender);
}

/* Module headers */
.home-left-menu h2,
.home-right-modules .panel h2 {
	color: #f7f1ff;
	background: linear-gradient(
		to bottom,
		rgba(180,164,205,.28),
		rgba(58,42,85,.9)
	);
	border-bottom-color: rgba(180,164,205,.45);
}

/* Left navigation */
.home-left-links a {
	border-color: rgba(180,164,205,.55);
	color: #efe8ff;
}

.home-left-links a:hover {
	border-color: var(--de-seafoam);
	background: #2b2140;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.08),
		0 0 10px rgba(164,205,200,.18);
}

/* Progress bars */
.progress span {
	background: linear-gradient(
		to right,
		#6f4fb0,
		var(--de-seafoam)
	);
}

.progress-number {
	color: var(--de-seafoam);
}

/* Forms / buttons */
.search-submit,
.comment-form input[type="submit"],
.comments-panel input[type="submit"] {
	background: linear-gradient(
		to bottom,
		#8f7ab8,
		#4f3a74
	);
	border-color: var(--de-lavender);
}

.search-field,
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	border-color: rgba(180,164,205,.6);
}

/* Friend cards */
.friend-card:hover {
	border-color: var(--de-seafoam);
	box-shadow: 0 0 12px rgba(164,205,200,.18);
}

.friend-role {
	background: rgba(180,164,205,.18);
	border-color: var(--de-lavender);
	color: #f0e7ff;
}