/*
Theme Name: Demand Common Sense — Tech
Template: twentytwentyfive
Version: 1.0.0
Description: A dark, terminal-inspired child theme built on Twenty Twenty-Five.
*/

body {
	background-color: var(--wp--preset--color--base);
	background-image:
		linear-gradient(rgba(57, 211, 255, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(57, 211, 255, 0.05) 1px, transparent 1px);
	background-size: 42px 42px;
	position: relative;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	background: repeating-linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.015) 0px,
		rgba(255, 255, 255, 0.015) 1px,
		transparent 1px,
		transparent 3px
	);
	mix-blend-mode: overlay;
	z-index: 9999;
	animation: dcs-scan 9s linear infinite;
}

@keyframes dcs-scan {
	0% { transform: translateY(0); }
	100% { transform: translateY(42px); }
}

.wp-block-site-title::after {
	content: "_";
	color: var(--wp--preset--color--accent-3);
	animation: dcs-blink 1.1s steps(1) infinite;
}

@keyframes dcs-blink {
	50% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	body::before,
	.wp-block-site-title::after {
		animation: none;
	}
}

.wp-block-button__link {
	border-radius: 3px !important;
	box-shadow: 0 0 0 1px rgba(57, 211, 255, 0.4), 0 0 18px rgba(57, 211, 255, 0.25);
	transition: box-shadow 0.25s ease, transform 0.15s ease;
}

.wp-block-button__link:hover {
	box-shadow: 0 0 0 1px rgba(0, 255, 157, 0.5), 0 0 24px rgba(0, 255, 157, 0.45);
	transform: translateY(-1px);
}

.wp-block-quote {
	background: rgba(0, 255, 157, 0.05);
	border-radius: 0 4px 4px 0;
}

.wp-block-code {
	position: relative;
	border: 1px solid rgba(57, 211, 255, 0.15);
	border-radius: 4px;
}

.wp-block-code::before {
	content: "● ● ●";
	display: block;
	letter-spacing: 4px;
	color: rgba(255, 255, 255, 0.15);
	font-size: 0.7rem;
	margin-bottom: 0.5rem;
}

.wp-block-navigation-item a:hover {
	text-shadow: 0 0 8px currentColor;
}

::selection {
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track {
	background: var(--wp--preset--color--base);
}
::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--accent-5);
	border-radius: 6px;
	border: 2px solid var(--wp--preset--color--base);
}
::-webkit-scrollbar-thumb:hover {
	background: var(--wp--preset--color--accent-1);
}
* {
	scrollbar-color: var(--wp--preset--color--accent-5) var(--wp--preset--color--base);
	scrollbar-width: thin;
}