/*
Theme Name: Aether
Theme URI: https://example.com/aether
Author: Your Name
Author URI: https://example.com
Description: Aether is a premium, conversion-focused WordPress theme built for designers and developers who showcase a portfolio and sell digital products (themes, plugins, scripts, code snippets) via WooCommerce. Includes dark/light mode, filterable portfolio grid, AJAX shop filtering, and a full customizer.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aether
Domain Path: /languages
Tags: e-commerce, portfolio, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, translation-ready, block-styles, wide-blocks, dark-mode

Aether is a custom theme built from scratch (not a child theme). All CSS custom properties below are the single source of truth for the design system and are also exposed to the Customizer.
*/

/* ==========================================================================
   1. DESIGN TOKENS (CSS Custom Properties)
   ========================================================================== */
:root {
	/* Brand */
	--aether-accent: #6C5CE7;
	--aether-accent-dark: #5849c4;
	--aether-accent-light: #a29bfe;

	/* Light theme surface */
	--aether-bg: #ffffff;
	--aether-bg-alt: #f7f7fb;
	--aether-surface: #ffffff;
	--aether-border: #e7e7ef;
	--aether-text: #14141c;
	--aether-text-muted: #5c5c6e;
	--aether-shadow: 0 10px 30px rgba(20, 20, 28, 0.06);

	/* Typography */
	--aether-font-heading: 'Aether Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--aether-font-body: 'Aether Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--aether-font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

	/* Layout */
	--aether-container: 1240px;
	--aether-radius-sm: 8px;
	--aether-radius-md: 14px;
	--aether-radius-lg: 24px;
	--aether-gap: clamp(1rem, 2vw, 2rem);

	/* Motion */
	--aether-ease: cubic-bezier(.16,1,.3,1);
	--aether-speed: 220ms;
}

[data-theme="dark"] {
	--aether-bg: #0b0b10;
	--aether-bg-alt: #131319;
	--aether-surface: #17171f;
	--aether-border: #24242f;
	--aether-text: #f4f4f8;
	--aether-text-muted: #9c9cae;
	--aether-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

/* Base stylesheet only carries the WP-required header + tokens.
   All layout/component CSS lives in assets/css/main.css for caching &
   maintainability, enqueued via inc/enqueue.php. */