/**
 * Base Styles
 *
 * Minimal global CSS that applies site-wide.
 * Most styling is handled by theme.json or per-block CSS files.
 *
 * @package Condor
 */

/* ==========================================================================
   Body & Global Defaults
   ========================================================================== */

:root :where(body) {
	font-family: var(--wp--preset--font-family--body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Section Background Treatments
   Custom properties for gradient/texture backgrounds (can't be expressed in theme.json)
   ========================================================================== */

:root {
	--bg-gradient-warm: linear-gradient(180deg, #FFFFFF 0%, #F5F3F0 100%);
	--bg-gradient-reverse: linear-gradient(180deg, #F5F3F0 0%, #FFFFFF 100%);

	/* Fluid section padding — scales from 3rem (mobile) to 4rem (desktop) */
	--section-spacing: clamp(3rem, 5vw, 4rem);
}

/* ==========================================================================
   Link Defaults
   ========================================================================== */

:root :where(a) {
	color: var(--wp--preset--color--bright-red);
	text-decoration: none;
	transition: color 0.2s ease;
}

:root :where(a:hover) {
	text-decoration: underline;
}

/* Underline links in prose content (paragraphs, lists, quotes) */
:root :where(p a, .wp-block-list a, blockquote a) {
	text-decoration: underline;
}

/* List item spacing — not expressible via theme.json (no layout engine on lists) */
:root :where(.wp-block-list li + li) {
	margin-top: var(--wp--preset--spacing--20);
}

/* ==========================================================================
   Global Section Spacing
   ========================================================================== */

:root :where(section + section) {
	margin-top: 0;
}

/* ==========================================================================
   Remove Gap Between Header and Main Content
   WordPress blockGap adds margin-top to main - we handle spacing per-section
   ========================================================================== */

main {
	margin-top: 0 !important;
}

/* ==========================================================================
   Image Defaults
   ========================================================================== */

:root :where(img) {
	max-width: 100%;
	height: auto;
}