/*
Theme Name: Evo Wrap Supply
Theme URI: https://evowrapsupply.com
Author: Evo Wrap Supply
Description: Custom WooCommerce theme for Evo Wrap Supply — vinyl wrap, PPF, window tint and light wrap film supplier. Dark/technical automotive aesthetic, dynamic WooCommerce category + attribute driven navigation, Elementor-compatible.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: evo-wrap-supply
Tags: e-commerce, custom-colors, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready
*/

/* ==========================================================================
   Design tokens
   These custom properties are the single source of truth for the brand
   system. Every other stylesheet in /assets/css/ references these instead
   of hardcoding hex values, so a rebrand is a one-file change.
   ========================================================================== */
:root {
	/* Brand */
	--evo-accent: #ed1e26;        /* dark red/orange — primary CTA, links, active states */
	--evo-accent-light: #f26344;  /* light red/orange — hover state, gradient partner */
	--evo-dark: #222630;          /* dark surface — header on scroll, footer, alt bands */
	--evo-dark-2: #1a1d24;        /* slightly deeper dark, used for gradient depth */
	--evo-bg: #eceded;            /* base page background, soft off-white */
	--evo-white: #ffffff;
	--evo-black: #000000;

	/* Text */
	--evo-text: #17181c;          /* body copy on light backgrounds */
	--evo-text-muted: #5c616d;
	--evo-text-on-dark: #ffffff;
	--evo-text-on-dark-muted: #b7bac2;

	/* Borders / surfaces */
	--evo-border: #d8d9da;
	--evo-border-on-dark: rgba(255, 255, 255, 0.12);
	--evo-surface-raised: #ffffff;

	/* Type */
	--evo-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--evo-tracking-wide: 0.06em;

	/* Layout */
	--evo-container: 1320px;
	--evo-container-narrow: 820px;
	--evo-header-height: 88px;
	--evo-radius-sm: 4px;
	--evo-radius-md: 8px;

	/* Motion */
	--evo-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--evo-speed-fast: 180ms;
	--evo-speed-base: 320ms;
	--evo-speed-slow: 600ms;

	/* Gradients */
	--evo-gradient-header: linear-gradient(to bottom, rgba(34, 38, 48, 0.85) 0%, rgba(34, 38, 48, 0) 100%);
	--evo-gradient-dark: linear-gradient(160deg, var(--evo-dark) 0%, var(--evo-dark-2) 100%);
	--evo-gradient-accent: linear-gradient(120deg, var(--evo-accent) 0%, var(--evo-accent-light) 100%);
}

/* ==========================================================================
   Minimal reset — the rest of the design system lives in /assets/css/*.css
   (enqueued in inc/enqueue.php) so this file stays close to what WordPress
   requires plus the tokens above.
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }

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

body {
	margin: 0;
	background: var(--evo-bg);
	color: var(--evo-text);
	font-family: var(--evo-font);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }

button, input, textarea, select { font-family: inherit; }

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