/*
Theme Name:  Alter Pixel Store
Theme URI:   https://alter-pixel.com
Author:      Alter Pixel
Author URI:  https://alter-pixel.com
Description: A premium dark WooCommerce theme for the Alter Pixel digital marketplace — selling WordPress themes, plugins, and hosting plans.
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alter-pixel-store
Tags:        dark, woocommerce, e-commerce, digital-downloads, custom-menu, featured-images, full-width-template
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
WC requires at least: 8.0
WC tested up to: 9.0
*/

/* =========================================================
   DESIGN TOKENS — CSS Custom Properties
   ========================================================= */
:root {
  /* Colors */
  --ap-bg:                 #0B0A0F; /* Deep Obsidian Black (tinted with violet) */
  --ap-surface:            #14121A; /* Obsidian Surface */
  --ap-surface-2:          #1C1924; /* Elevated Surface */
  --ap-surface-3:          #211E2B; /* Deep Elevated Surface (Flyouts, drop menus) */
  --ap-accent:             #FF0085; /* Neon Hot Pink (primary CTA & conversion) */
  --ap-accent-dark:        #D6006F; /* Darker Pink for primary active/pressed states */
  --ap-secondary:          #CD35FF; /* Electric Purple (secondary actions, hovers, accents) */
  --ap-secondary-dark:     #AE00FF; /* Darker Purple for active states */

  /* Accent Glows */
  --ap-accent-glow:        rgba(255, 0, 133, 0.15);
  --ap-accent-glow-strong: rgba(255, 0, 133, 0.30);
  --ap-secondary-glow:     rgba(205, 53, 255, 0.15);

  --ap-text:               #F5F5F7; /* Off-white highly readable prose */
  --ap-text-muted:         #A09EAA; /* Slate Muted Secondary text */
  --ap-text-subtle:        #666370; /* Subtle text/deep slate */
  --ap-border:             rgba(205, 53, 255, 0.08); /* Fine Electric Purple Border */
  --ap-border-accent:      rgba(255, 0, 133, 0.25); /* Accent Neon Pink Border */
  --ap-success:            #00F090; /* Neon Emerald */
  --ap-danger:             #FF3366; /* Neon Coral */
  --ap-warning:            #FFB800; /* Electric Amber */

  /* Typography */
  --ap-font-display: 'Space Grotesk', sans-serif;
  --ap-font-body:    'DM Sans', sans-serif;
  --ap-font-mono:    'JetBrains Mono', monospace;

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

  /* Border Radius */
  --ap-radius-sm:  6px;
  --ap-radius:     10px;
  --ap-radius-lg:  12px;
  --ap-radius-xl:  16px;
  --ap-radius-full: 9999px;

  /* Shadows */
  --ap-shadow-sm:   0 2px 8px rgba(0,0,0,0.5);
  --ap-shadow:      0 8px 30px rgba(0,0,0,0.7);
  --ap-shadow-lg:   0 12px 50px rgba(0,0,0,0.8);
  --ap-shadow-accent: 0 0 30px rgba(205, 53, 255, 0.15); /* Electric Purple Halo */
  --ap-shadow-card-hover: 0 8px 40px rgba(0,0,0,0.8), 0 0 0 1px rgba(205, 53, 255, 0.15);

  /* Layout */
  --ap-container:   1280px;
  --ap-header-h:    72px;

  /* Transitions */
  --ap-transition:  all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --ap-transition-slow: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}