/*
Theme Name: BuildWithAbdullah
Theme URI: https://buildwithabdullah.com
Author: Abdullah Afzal
Author URI: https://www.linkedin.com/in/abdullahafzal7707
Description: A premium, futuristic, Elementor-first portfolio theme for Abdullah Afzal — Web Development Specialist (WordPress, Shopify, Webflow). Dark-mode, glassmorphism, GSAP-powered animation system, 100% editable via Elementor & Customizer, no hardcoded content.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: buildwithabdullah
Tags: portfolio, elementor, dark-mode, custom-colors, custom-menu, translation-ready, rtl-language-support
*/

/* ==========================================================================
   Root Design Tokens
   All values below are also mirrored in the Customizer (inc/customizer/)
   so every color / spacing / typography token is editable without code.
   ========================================================================== */

:root {
    /* Color palette */
    --bwa-color-bg:          #050816;
    --bwa-color-bg-secondary:#0F172A;
    --bwa-color-primary:     #3B82F6;
    --bwa-color-accent:      #8B5CF6;
    --bwa-color-highlight:   #06B6D4;
    --bwa-color-text:        #FFFFFF;
    --bwa-color-text-muted:  rgba(255,255,255,.65);
    --bwa-color-border:      rgba(255,255,255,.08);

    /* Gradients */
    --bwa-gradient-primary: linear-gradient(135deg, var(--bwa-color-primary) 0%, var(--bwa-color-accent) 100%);
    --bwa-gradient-highlight: linear-gradient(135deg, var(--bwa-color-highlight) 0%, var(--bwa-color-primary) 100%);
    --bwa-gradient-border: linear-gradient(135deg, var(--bwa-color-primary), var(--bwa-color-accent), var(--bwa-color-highlight));

    /* Typography */
    --bwa-font-heading: 'Space Grotesk', sans-serif;
    --bwa-font-body: 'Inter', sans-serif;
    --bwa-hero-heading-size: 72px;

    /* Glass */
    --bwa-glass-bg: rgba(255,255,255,.04);
    --bwa-glass-blur: 18px;
    --bwa-glass-border: 1px solid var(--bwa-color-border);

    /* Motion */
    --bwa-ease: cubic-bezier(.16,1,.3,1);
    --bwa-transition-fast: .25s var(--bwa-ease);
    --bwa-transition-med: .5s var(--bwa-ease);
    --bwa-transition-slow: .9s var(--bwa-ease);

    /* Layout */
    --bwa-container: 1280px;
    --bwa-radius-sm: 10px;
    --bwa-radius-md: 18px;
    --bwa-radius-lg: 28px;
    --bwa-header-height: 88px;
}

[data-bwa-theme="light"] {
    --bwa-color-bg: #F5F7FF;
    --bwa-color-bg-secondary: #FFFFFF;
    --bwa-color-text: #0B0F1A;
    --bwa-color-text-muted: rgba(11,15,26,.65);
    --bwa-color-border: rgba(11,15,26,.08);
    --bwa-glass-bg: rgba(11,15,26,.03);
}

html, body { background: var(--bwa-color-bg); }