/*
Theme Name: COS Woo Theme
Theme URI: https://cos-woo.tech/
Author: COS
Author URI: https://cos-woo.tech/
Description: Лёгкая компаньон-тема для COS WP Woo. Рендерит витрину на дизайн-токенах, которыми управляет раздел «Тема» плагина. Дизайн-агностична: конкретный макет накладывается поверх токенов. Совместима с WooCommerce и всеми frontend-модулями плагина (контракт WP/WC-хуков соблюдён).
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cos-woo-theme
Tags: woocommerce, e-commerce, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
WC requires at least: 8.0
WC tested up to: 9.5

Базовые стили темы вынесены в assets/css/* (tokens.css, components.css, storefront.css)
и подключаются через functions.php. Этот файл нужен WordPress как идентификатор темы
и для базового резета; визуальный слой — в токенах.
*/

/* Минимальный резет; вся палитра/типографика — через :root токены (assets/css/tokens.css). */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--cwt-font-text, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
	font-size: var(--cwt-text-base, 1rem);
	line-height: var(--cwt-leading-base, 1.6);
	color: var(--cwt-color-text, #12283c);
	background: var(--cwt-color-bg, #ffffff);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img,
picture,
svg,
video {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--cwt-color-accent, #58a8ca);
	text-decoration: none;
}

a:hover,
a:focus-visible {
	color: var(--cwt-color-accent-hover, #39a2ce);
}

:where(a, button, input, select, textarea):focus-visible {
	outline: none;
	box-shadow: var(--cwt-focus-ring, 0 0 0 3px rgba(88, 168, 202, 0.35));
	border-radius: var(--cwt-radius-sm, 6px);
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: var(--cwt-space-3, 0.75rem) var(--cwt-space-4, 1rem);
	background: var(--cwt-color-dark, #12283c);
	color: #fff;
}

.skip-link:focus {
	left: var(--cwt-space-2, 0.5rem);
	top: var(--cwt-space-2, 0.5rem);
}