/*
Theme Name: Upsert Commerce
Theme URI: https://upsert.ng/themes/upsert-commerce
Author: Upsert
Author URI: https://upsert.ng
Description: A fast, mobile-first, configurable WooCommerce storefront theme for the Upsert platform. Ships a polished default look so a store is presentable out of the box.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: upsert-commerce
Tags: e-commerce, woocommerce, custom-logo, custom-menu, featured-images, translation-ready, rtl-language-support, full-width-template, threaded-comments
WC requires at least: 8.0
WC tested up to: 9.4

Upsert Commerce is original code owned by Upsert and is distributed under the GPL v2 (or later).
It does not include code from any commercial theme.
*/

/*
 * Base styles live in assets/css/main.css (enqueued separately so the theme header file stays small).
 * Design tokens (colors, typography, spacing) are defined in theme.json and consumed as CSS variables.
 * This file intentionally contains only the required theme header plus a minimal reset; the visual
 * design is applied during the styling pass to match the reference storefront.
 */

:root {
	--uc-container: 1200px;
	--uc-gutter: clamp(16px, 4vw, 32px);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	/* Matches the Upsert admin app: Inter, with a system fallback so first paint stays fast even
	   before the webfont loads (Inter is enqueued in inc/enqueue.php and self-hosted). */
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

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

/* Accessibility: visible keyboard focus + skip link. */
:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 1000;
	padding: 0.75rem 1rem;
	background: #fff;
	color: #111;
}

.skip-link:focus {
	left: 0;
}

/* Layout container used by templates. */
.uc-container {
	width: 100%;
	max-width: var(--uc-container);
	margin-inline: auto;
	padding-inline: var(--uc-gutter);
}