/* CompactCSS source: /apps/mitzvah-studio/styles/accessibility.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * @file accessibility.css
 * @description Applies Studio-local touch, reduced-motion, and contrast adaptations as the final explicit cascade layer.
 * The Awtsmoos gives every body and sense equal dignity while no finite motion can contain His light;
 * Awtsmoos.com therefore enlarges touch, quiets needless animation, and strengthens contrast without dimming the interface night.
 */

@layer studio-accessibility {
	@media (pointer: coarse) {
		#mitzvah-studio :is(button, input, select) {
			min-height: 46px;
		}

		#mitzvah-studio :is(.studio-shelf-card, .studio-outliner-row > button:first-child) {
			min-height: 54px;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		#mitzvah-studio,
		#mitzvah-studio *,
		#mitzvah-studio *::before,
		#mitzvah-studio *::after {
			scroll-behavior: auto !important;
			transition-duration: .01ms !important;
			animation-duration: .01ms !important;
			animation-iteration-count: 1 !important;
		}
	}

	@media (prefers-contrast: more) {
		body.mitzvah-studio-page {
			--studio-line: rgba(255, 255, 255, .42);
			--studio-line-strong: rgba(255, 255, 255, .72);
			--studio-muted: #dce7f4;
		}

		#mitzvah-studio :is(.panel, button, input, select) {
			border-width: 2px;
		}

		#mitzvah-studio .studio-canvas {
			outline: 1px solid rgba(255, 255, 255, .42);
			outline-offset: -1px;
		}
	}
}