/*
Theme Name:   eCommerce AI Marketing
Theme URI:    https://bodut.com
Description:  Marketing site child theme for eCommerce AI — AI-powered product optimization for WooCommerce.
Author:       Barrelmaker Consulting
Author URI:   https://bodut.com
Template:     astra
Version:      1.0.0
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  ecai-marketing
*/

/* ==========================================================================
   Design Tokens
   ========================================================================== */

:root {
	/* Color palette */
	--ecai-primary:       #2563eb;
	--ecai-primary-dark:  #1d4ed8;
	--ecai-primary-light: #dbeafe;
	--ecai-secondary:     #7c3aed;
	--ecai-accent:        #06b6d4;
	--ecai-success:       #16a34a;
	--ecai-warning:       #f59e0b;
	--ecai-danger:        #dc2626;

	/* Neutrals */
	--ecai-gray-50:  #f9fafb;
	--ecai-gray-100: #f3f4f6;
	--ecai-gray-200: #e5e7eb;
	--ecai-gray-300: #d1d5db;
	--ecai-gray-400: #9ca3af;
	--ecai-gray-500: #6b7280;
	--ecai-gray-600: #4b5563;
	--ecai-gray-700: #374151;
	--ecai-gray-800: #1f2937;
	--ecai-gray-900: #111827;

	/* Typography */
	--ecai-font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--ecai-font-mono:  'JetBrains Mono', 'Fira Code', monospace;

	--ecai-text-xs:   0.75rem;
	--ecai-text-sm:   0.875rem;
	--ecai-text-base: 1rem;
	--ecai-text-lg:   1.125rem;
	--ecai-text-xl:   1.25rem;
	--ecai-text-2xl:  1.5rem;
	--ecai-text-3xl:  1.875rem;
	--ecai-text-4xl:  2.25rem;
	--ecai-text-5xl:  3rem;

	/* Spacing */
	--ecai-space-xs:  0.25rem;
	--ecai-space-sm:  0.5rem;
	--ecai-space-md:  1rem;
	--ecai-space-lg:  1.5rem;
	--ecai-space-xl:  2rem;
	--ecai-space-2xl: 3rem;
	--ecai-space-3xl: 4rem;
	--ecai-space-4xl: 6rem;

	/* Layout */
	--ecai-max-width:    1200px;
	--ecai-border-radius: 8px;
	--ecai-shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.05);
	--ecai-shadow-md:    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
	--ecai-shadow-lg:    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	--ecai-shadow-xl:    0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);

	/* Transitions */
	--ecai-transition: 200ms ease;
}