/*
Theme Name: Hype Theme
Theme URI: https://hypestudio.local
Author: Hyper Matrix
Author URI: https://hypestudio.local
Description: A hand-coded dark streetwear theme for Hype Studio / Panther Clothing, built for WooCommerce with animated homepage sections, an AJAX cart drawer, and fully styled shop/cart/checkout/account flows.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hype-theme
Tags: e-commerce, dark, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root{
	--bg:#0a0a0a;
	--bg-alt:#121212;
	--surface:#161616;
	--surface-2:#1c1c1c;
	--border:rgba(255,255,255,.12);
	--border-strong:rgba(255,255,255,.22);
	--text:#f5f5f5;
	--text-muted:#a3a3a3;
	--text-faint:#707070;
	--white:#ffffff;
	--black:#000000;

	--accent-gold:#c9a24a;
	--accent-gold-soft:rgba(201,162,74,.14);
	--accent-blue:#1e6fd6;
	--accent-blue-soft:rgba(30,111,214,.16);
	--panel-teal:#163b3f;
	--panel-teal-deep:#0f2a2d;

	--danger:#e0503a;
	--success:#3ea36b;

	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-head: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	--container: 1320px;
	--gutter: clamp(20px, 4vw, 64px);
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;

	--ease: cubic-bezier(.16,.84,.44,1);
	--speed-fast: .2s;
	--speed-med: .45s;
	--speed-slow: .8s;
}

/* ==========================================================================
   Reset
   ========================================================================== */
*, *::before, *::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; overflow-x:hidden; }
body{
	margin:0;
	background:var(--bg);
	color:var(--text);
	font-family:var(--font-body);
	font-size:16px;
	line-height:1.6;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
}
img, svg, video{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
ul, ol{ margin:0; padding:0; list-style:none; }
button, input, select, textarea{ font-family:inherit; font-size:inherit; color:inherit; }
button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6{ font-family:var(--font-head); font-weight:800; line-height:1.1; margin:0 0 .5em; letter-spacing:-.01em; }
p{ margin:0 0 1em; color:var(--text-muted); }
table{ border-collapse:collapse; width:100%; }

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