/**
 * Theme Name: CoinFUT
 * Theme URI: https://coinfut.com
 * Author: CoinFUT
 * Author URI: https://coinfut.com
 * Description: A lightweight, conversion-focused WooCommerce theme for the CoinFUT digital football-game coin marketplace. Native WordPress + WooCommerce, Gutenberg-friendly, no page builders required. Designed for performance, accessibility and trust.
 * Version: 1.0.0
 * Requires at least: 6.0
 * Tested up to: 6.5
 * Requires PHP: 7.4
 * WC requires at least: 7.0
 * WC tested up to: 9.3
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: coinfut
 * Tags: e-commerce, woocommerce, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, block-styles, wide-blocks
 */

/*
 * Base reset & critical layout. The full design system lives in
 * assets/css/main.css and assets/css/woocommerce.css, which are enqueued
 * from functions.php. This file only holds the theme header above and
 * a tiny critical fallback in case other styles are blocked.
 */

:root {
	--cf-charcoal: #0E1116;
	--cf-navy:    #1B2230;
	--cf-accent:  #19E682;
	--cf-white:   #FFFFFF;
	--cf-gray-50: #F6F8FA;
	--cf-gray-100:#EEF1F4;
	--cf-gray-400:#94A3B8;
	--cf-gray-500:#64748B;
	--cf-gray-700:#334155;
	--cf-radius: 12px;
	--cf-radius-sm: 8px;
	--cf-font: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--cf-font);
	font-size: 16px;
	line-height: 1.6;
	color: var(--cf-charcoal);
	background: var(--cf-white);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
button { font-family: inherit; cursor: pointer; }

/* Accessibility: visible focus states */
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
	outline: 2.5px solid var(--cf-accent);
	outline-offset: 3px;
	border-radius: 4px;
}

/* Reduced motion respect */
@media (prefers-reduced-motion: reduce) {
	* { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}