/* =========================================
   OSTROV — design tokens

   theme.json is the single source of truth for colours, the font family and
   spacing. This file aliases those presets onto the --color-* / --spacing-*
   custom properties the original design CSS was written against, so 1000+
   lines of layout CSS keep working untouched.

   The literal fallbacks are not decoration: WordPress emits its presets on the
   root selector, while base.css sets `html { scroll-padding-top: var(--header-height) }`
   higher up the tree. The fallback makes that resolve deterministically.
   ========================================= */

:root,
.editor-styles-wrapper {
	--color-text-main: var(--wp--preset--color--text-main, #ffffff);
	--color-text-muted: var(--wp--preset--color--text-muted, rgba(255, 255, 255, 0.7));
	--color-accent: var(--wp--preset--color--accent, #2e80ec);
	--color-glass-bg: var(--wp--preset--color--glass-bg, rgba(0, 0, 0, 0.35));
	--color-glass-border: var(--wp--preset--color--glass-border, rgba(255, 255, 255, 0.1));
	--color-bg-deep: var(--wp--preset--color--bg-deep, #050505);

	/*
	 * The accent as bare channels. Design CSS needs rgba(accent, .2) in ~40
	 * places for glows and borders; CSS cannot decompose a hex colour, so the
	 * channels live here and the hex above stays the one place to edit.
	 */
	--color-accent-rgb: 46, 128, 236;

	--font-main: var(--wp--preset--font-family--montserrat, "Montserrat", sans-serif);

	--spacing-section: var(--wp--custom--spacing--section, 6rem);
	--spacing-container: var(--wp--custom--spacing--container, 2rem);
	--header-height: var(--wp--custom--header-height, 80px);

	--radius-card: var(--wp--custom--radius--card, 24px);
	--radius-control: var(--wp--custom--radius--control, 12px);
	--radius-pill: var(--wp--custom--radius--pill, 999px);

	--transition-base: 0.3s ease;
	--transition-slow: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* theme.json cannot express media queries for custom properties. */
@media (max-width: 768px) {
	:root,
	.editor-styles-wrapper {
		--spacing-section: 4rem;
		--spacing-container: 1.5rem;
	}
}