/*
Theme Name: StyleAvail
Theme URI: https://styleavail.pk
Author: StyleAvail Engineering Team
Author URI: https://styleavail.pk
Description: Production-ready bespoke WooCommerce theme engineered for StyleAvail in Pakistan. Features high-performance semantic HTML5, modern CSS architecture, mobile-first design, complete SEO/GEO/AEO schemas, and seamless checkout optimization.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: styleavail
*/

:root {
  --sa-primary: #00482B;
  --sa-primary-hover: #0C683B;
  --sa-primary-light: #EDF5F0;
  --sa-primary-muted: #E6EDE8;
  --sa-accent: #026638;
  --sa-dark: #121A15;
  --sa-dark-subtle: #2D3A32;
  --sa-gray-900: #1A1A1A;
  --sa-gray-700: #4A5568;
  --sa-gray-500: #718096;
  --sa-gray-300: #CBD5E0;
  --sa-gray-200: #E2E8F0;
  --sa-gray-100: #F7FAFC;
  --sa-gray-50: #F8FAF8;
  --sa-white: #FFFFFF;
  --sa-border: #DDE6DF;
  --sa-border-light: #EDF2EE;
  --sa-success: #15803D;
  --sa-warning: #B45309;
  --sa-danger: #B91C1C;
  --sa-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --sa-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --sa-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
  --sa-radius-sm: 4px;
  --sa-radius-md: 8px;
  --sa-radius-lg: 12px;
  --sa-radius-full: 9999px;
  --sa-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --sa-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sa-container: 1280px;
}