/*
Theme Name: Kindly
Theme URI: https://github.com/internick2017/kindly
Author: Nick Granados
Author URI: https://nickgranados.com
Description: A lightweight, accessibility-ready block theme for nonprofits and congregations. WCAG 2.2 AA out of the box, no page builder, nothing locked behind Pro.
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kindly
Tags: full-site-editing, block-patterns, accessibility-ready, translation-ready, custom-colors, blog, news, one-column, two-columns
*/

/* Visible keyboard focus on every interactive element (WCAG 2.2 — 2.4.7). */
:where(a, button, input, select, textarea, summary, .wp-block-button__link, .wp-block-navigation-item__content, .wp-block-search__button):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
	border-radius: 2px;
}

/* --- Visual depth & polish --- */
.wp-block-group.is-style-card,
.kindly-card {
	background-color: var(--wp--preset--color--base);
	border-radius: 12px;
	box-shadow: 0 12px 32px -14px rgba(17, 24, 39, 0.20);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wp-block-group.is-style-card:hover,
.kindly-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 44px -16px rgba(17, 24, 39, 0.28);
}

/* Buttons get a gentle lift. */
.wp-block-button__link {
	box-shadow: 0 8px 20px -10px rgba(17, 24, 39, 0.45);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* Decorative accent rule for section headings. */
.kindly-accent-rule {
	width: 64px;
	height: 4px;
	border-radius: 2px;
	background: var(--wp--preset--color--accent);
}

/* Round icon badge used in feature columns. */
.kindly-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--wp--preset--color--primary) 14%, var(--wp--preset--color--base));
	font-size: 1.75rem;
	line-height: 1;
}

/* Respect users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
	*,
	::before,
	::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}