/*
Theme Name: AppBuildStudio Pro
Theme URI: https://appbuildstudio.com
Author: App Build Studio
Author URI: https://appbuildstudio.com
Description: A luxury, dynamic, colorful, and ultra-fast WordPress theme crafted exclusively for App Build Studio to showcase Android applications with dedicated app pages, Google Play integration, JSON-LD Schema.org SEO, responsive glassmorphic UI, and an advanced options panel.
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: appbuildstudio
Tags: software-showcase, app-portfolio, dark-mode, responsive-layout, modern, custom-colors, custom-menu, full-width-template, theme-options, translation-ready
*/

/* ==========================================================================
   CSS VARIABLES & DESIGN SYSTEM
   ========================================================================== */
:root {
  /* Core Backgrounds */
  --abs-bg-primary: #080c14;
  --abs-bg-secondary: #0e1422;
  --abs-bg-tertiary: #141c30;
  --abs-bg-card: rgba(18, 26, 44, 0.72);
  --abs-bg-card-hover: rgba(26, 37, 62, 0.85);
  --abs-bg-glass: rgba(255, 255, 255, 0.04);
  --abs-bg-glass-heavy: rgba(14, 20, 34, 0.88);

  /* Borders & Dividers */
  --abs-border-subtle: rgba(255, 255, 255, 0.07);
  --abs-border-glow: rgba(0, 240, 255, 0.35);
  --abs-border-card: rgba(255, 255, 255, 0.1);
  --abs-border-card-hover: rgba(0, 240, 255, 0.5);

  /* Vibrant Accent Palette */
  --abs-cyan: #00f0ff;
  --abs-cyan-glow: rgba(0, 240, 255, 0.4);
  --abs-purple: #8a2be2;
  --abs-purple-glow: rgba(138, 43, 226, 0.4);
  --abs-pink: #ff3385;
  --abs-pink-glow: rgba(255, 51, 133, 0.4);
  --abs-amber: #ffaa00;
  --abs-emerald: #00e676;
  --abs-blue: #3b82f6;

  /* Gradients */
  --abs-gradient-primary: linear-gradient(135deg, #00f0ff 0%, #7928ca 50%, #ff0080 100%);
  --abs-gradient-accent: linear-gradient(135deg, #00f0ff 0%, #3b82f6 100%);
  --abs-gradient-card: linear-gradient(145deg, rgba(25, 34, 56, 0.7) 0%, rgba(12, 17, 30, 0.9) 100%);
  --abs-gradient-glow: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.15), transparent 70%);

  /* Typography */
  --abs-font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --abs-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Text Colors */
  --abs-text-primary: #f8fafc;
  --abs-text-secondary: #94a3b8;
  --abs-text-muted: #64748b;
  --abs-text-accent: #00f0ff;

  /* Dimensions & Spacing */
  --abs-max-width: 1240px;
  --abs-radius-sm: 8px;
  --abs-radius-md: 14px;
  --abs-radius-lg: 22px;
  --abs-radius-xl: 32px;
  --abs-radius-full: 9999px;

  /* Transitions */
  --abs-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --abs-transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --abs-transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* Elevation & Shadows */
  --abs-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);
  --abs-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.35);
  --abs-shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.5);
  --abs-shadow-glow: 0 0 40px rgba(0, 240, 255, 0.25);
  --abs-shadow-glow-purple: 0 0 40px rgba(138, 43, 226, 0.3);
}

/* Light Theme Variables Override (Toggled via [data-theme="light"]) */
[data-theme="light"] {
  --abs-bg-primary: #f8fafc;
  --abs-bg-secondary: #ffffff;
  --abs-bg-tertiary: #f1f5f9;
  --abs-bg-card: #ffffff;
  --abs-bg-card-hover: #ffffff;
  --abs-bg-glass: rgba(15, 23, 42, 0.04);
  --abs-bg-glass-heavy: rgba(255, 255, 255, 0.95);

  --abs-border-subtle: #e2e8f0;
  --abs-border-glow: rgba(2, 132, 199, 0.35);
  --abs-border-card: #e2e8f0;
  --abs-border-card-hover: #94a3b8;

  --abs-cyan: #0284c7;
  --abs-cyan-glow: rgba(2, 132, 199, 0.25);
  --abs-purple: #7c3aed;
  --abs-purple-glow: rgba(124, 58, 237, 0.25);
  --abs-pink: #db2777;
  --abs-pink-glow: rgba(219, 39, 119, 0.25);
  --abs-amber: #d97706;
  --abs-emerald: #059669;
  --abs-blue: #2563eb;

  --abs-gradient-primary: linear-gradient(135deg, #0284c7 0%, #6366f1 50%, #db2777 100%);
  --abs-gradient-accent: linear-gradient(135deg, #0284c7 0%, #2563eb 100%);
  --abs-gradient-card: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  --abs-gradient-glow: radial-gradient(circle at 50% 0%, rgba(2, 132, 199, 0.08), transparent 70%);

  --abs-text-primary: #0f172a;
  --abs-text-secondary: #334155;
  --abs-text-muted: #64748b;
  --abs-text-accent: #0284c7;

  --abs-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  --abs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.03);
  --abs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --abs-shadow-glow: 0 4px 20px rgba(2, 132, 199, 0.15);
  --abs-shadow-glow-purple: 0 4px 20px rgba(124, 58, 237, 0.15);
}