/*
Theme Name: Respira Theme
Theme URI: https://respira.press/theme
Author: Mihai Dragomirescu
Author URI: https://respira.press
Description: The first WordPress block theme built to be constructed by AI agents through Respira. Everything stylable is a named preset, everything editable is a named slot, everything animated is one of four motion presets. Works as a fast, quiet block theme on its own; becomes fully agent-drivable with the Respira plugin connected.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: respira-theme
Tags: block-theme, full-site-editing, block-patterns, style-variations, one-column, custom-colors, custom-menu, editor-style, translation-ready
*/

/* Utilities the block markup relies on. Hairlines derive from currentColor so
   they hold on every section surface and every style variation. */
.respira-hairline-top {
	border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent);
}

.respira-hairline-bottom {
	border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent);
}

/* header-transparent sits above the first section. Only ever use it over a hero. */
.respira-header-transparent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: transparent;
}

body {
	position: relative;
}

/* The accent voice: always italic, always the accent family. */
.respira-voice {
	font-style: italic;
}

/* Display weight follows the style variation (500 default, 600 dark variations). */
.respira-display-weight {
	font-weight: var(--wp--custom--respira--display-weight, 500);
}

/* Vertically center grid cells (hero-split, feature-split). */
.respira-vcenter > * {
	align-self: center;
}
