/*
Theme Name: Gospel Waves RareRadio Child
Theme URI: https://example.com/gospel-waves
Description: Gospel Waves dark child theme for RareRadio. Adds the Gospel Waves header/footer, blog + category archive design, single-post dark skin, a dashboard-controlled AzuraCast radio player and a one-click demo importer. Fully Elementor compatible.
Author: Gospel Waves
Template: rareradio
Version: 2.0.0
Requires PHP: 7.4
Text Domain: gospel-waves-rareradio-child
*/

/*
 * The parent theme enqueues this file as "rareradio-child" (after rareradio-main).
 * Only the colour tokens + base canvas live here; the full Gospel Waves skin is
 * in css/gw-theme.css which is enqueued AFTER the parent's responsive.css so it
 * always wins.
 */

:root {
	--gw-bg: #0f0a1e;
	--gw-bg-soft: #1a142e;
	--gw-glass: rgba(255, 255, 255, 0.06);
	--gw-glass-strong: rgba(15, 10, 30, 0.9);
	--gw-line: rgba(255, 255, 255, 0.1);
	--gw-text: #ffffff;
	--gw-text-70: rgba(255, 255, 255, 0.7);
	--gw-text-60: rgba(255, 255, 255, 0.6);
	--gw-text-50: rgba(255, 255, 255, 0.5);
	--gw-text-40: rgba(255, 255, 255, 0.4);
	--gw-text-30: rgba(255, 255, 255, 0.3);
	--gw-pink: #ff4c98;
	--gw-orange: #ff8c42;
	--gw-lime: #e8ff54;
	--gw-blue: #60a5fa;
	--gw-red: #f87171;
	--gw-gradient: linear-gradient(135deg, #ff4c98, #ff8c42);
	--gw-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--gw-font-head: 'Space Grotesk', 'Inter', sans-serif;
}

html {
	background: var(--gw-bg);
}

body,
.body_wrap,
.page_wrap,
.page_content_wrap,
.content_wrap,
.content {
	background-color: var(--gw-bg);
	color: var(--gw-text-60);
}

body {
	font-family: var(--gw-font-body);
}

h1, h2, h3, h4, h5, h6,
.post_title,
.widget_title,
.section_title {
	font-family: var(--gw-font-head);
	letter-spacing: -0.02em;
	color: var(--gw-text);
}

a {
	color: var(--gw-pink);
}

a:hover,
a:focus {
	color: var(--gw-orange);
}

::selection {
	background: rgba(255, 76, 152, 0.3);
	color: #ffffff;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--gw-bg);
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 76, 152, 0.4);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 76, 152, 0.6);
}