/*
Theme Name: brian-walsh-kadence-child
Template: kadence
Text Domain: brian-walsh-kadence-child
Description: Custom Kadence child theme for Brian Walsh portfolio modules, spatial systems, and motion enhancements.
Version: 0.1.0
Requires at least: 6.3
Requires PHP: 7.4
License: GPL-2.0-or-later
*/

:root {
	--bw-ivory-100: #FAF8F4;
	--bw-mineral-200: #E8E2DA;
	--bw-stone-300: #C8C2B9;
	--bw-taupe-400: #8F8A82;
	--bw-slate-500: #3E4A5F;

	--bw-blue-100: #E8EEF7;
	--bw-blue-200: #B6C6DE;
	--bw-blue-300: #6B8BB8;
	--bw-blue-400: #3D5CC9;
	--bw-blue-500: #2A3A8F;
	--bw-deep-indigo: #0D1530;

	--bw-aubergine-100: #F1E9F3;
	--bw-aubergine-200: #D7B8D9;
	--bw-aubergine-300: #A56AA1;
	--bw-aubergine-400: #7B3D73;
	--bw-aubergine-500: #4A1F46;

	--bw-signal-100: #FDEBEE;
	--bw-signal-200: #F7B8B4;
	--bw-signal-300: #E67A8F;
	--bw-signal-400: #D44578;
	--bw-signal-500: #9E2B5B;

	--bw-teal-100: #E2F2F1;
	--bw-teal-200: #A7D7D4;
	--bw-teal-300: #4DB4B4;
	--bw-teal-400: #1F8C8E;
	--bw-teal-500: #0E5B5D;

	--bw-canvas: var(--bw-ivory-100);
	--bw-text: var(--bw-blue-500);
	--bw-text-secondary: var(--bw-slate-500);
	--bw-border: color-mix(in srgb, var(--bw-blue-300) 24%, transparent);
	--bw-radius-sm: 0.75rem;
	--bw-radius-md: 1.25rem;
	--bw-radius-lg: 2rem;
	--bw-content-max: 76rem;
	--bw-gutter: clamp(1.25rem, 4vw, 4rem);
	--bw-section-space: clamp(4.5rem, 10vw, 9rem);
}

/* Typography remains intentionally inherited from Kadence until the type system is approved. */
body {
	background: var(--bw-canvas);
	color: var(--bw-text);
}

.bw-shell {
	width: min(calc(100% - (2 * var(--bw-gutter))), var(--bw-content-max));
	margin-inline: auto;
}

.bw-section {
	padding-block: var(--bw-section-space);
}

.bw-section--compact {
	padding-block: clamp(3rem, 7vw, 6rem);
}

.bw-eyebrow {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--bw-slate-500);
}

.bw-rule {
	border-color: var(--bw-border);
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}