/*
Theme Name: NXAI Course Commerce
Theme URI: https://nxai.app/themes/course-commerce
Author: NXAI Studio
Author URI: https://nxai.app
Description: Elegant WooCommerce-first theme tailored for AI education storefronts, featuring hero storytelling, trust signals, and conversion-optimized product grids.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nxai-course-commerce
Tags: woocommerce, education, responsive, accessibility-ready, custom-colors
*/

:root {
  --nx-primary: #5a31f4;
  --nx-primary-dark: #3a1aaa;
  --nx-secondary: #00c1d4;
  --nx-accent: #facc15;
  --nx-dark: #0f172a;
  --nx-muted: #475569;
  --nx-light: #f8fafc;
  --nx-radius: 1.25rem;
}

body {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--nx-dark);
  background: var(--nx-light);
  line-height: 1.6;
}

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

a {
  color: var(--nx-primary);
  text-decoration: none;
}

a:hover, a:focus {
  color: var(--nx-primary-dark);
}

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

button,
input,
select {
  font: inherit;
}

.site-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.section-title {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom: 0.5rem;
}

.section-subtitle {
  margin: 0 0 1.5rem;
  color: var(--nx-muted);
}

.grid {
  display: grid;
  gap: 1.5rem;
}

.grid--three {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}