/*
Theme Name: Koochakzadeh Jewelry
Theme URI: https://koochakzadeh.example
Author: Koochakzadeh
Author URI: https://koochakzadeh.example
Description: An award-winning, RTL Persian WooCommerce block theme for the jewelry brand "جواهرات کوچک زاده". Features a White + Gold design system, Vazir typography, a cinematic Three.js hero, GSAP scroll animations, and full commerce/content pages.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: koochakzadeh
Tags: full-site-editing, block-patterns, e-commerce, rtl-language-support, custom-colors, custom-logo, block-styles, editor-style, translation-ready
*/

/*
 * Most styling is handled by theme.json and the enqueued stylesheets
 * (assets/css/*). This file holds the theme header plus a few base rules
 * and progressive-enhancement helpers that the block editor cannot express.
 */

:root {
	--kz-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Accessible focus states for the gold theme. */
:where(a, button, input, textarea, select, .wp-block-button__link):focus-visible {
	outline: 2px solid var(--wp--preset--color--gold, #c9a24b);
	outline-offset: 2px;
}

/* Skip link */
.skip-link {
	position: absolute;
	inset-inline-start: -9999px;
	z-index: 999999;
	padding: 0.75rem 1.25rem;
	background: #fff;
	color: var(--wp--preset--color--charcoal, #2b2b2b);
	border-radius: 0 0 0.5rem 0;
}
.skip-link:focus {
	inset-inline-start: 0;
	top: 0;
}

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