/*
Theme Name: Syed Mubashir Advanced Portfolio
Theme URI: https://www.linkedin.com/in/mubashir-hussain-9b7b2a237/
Author: Syed Mubashir Hussain Shah
Author URI: https://www.linkedin.com/in/mubashir-hussain-9b7b2a237/
Description: A premium, animation-rich, dark-themed portfolio WordPress theme for Syed Mubashir Hussain Shah — E-Commerce Specialist, TikTok Shop Manager, Amazon FBA Wholesale Associate & Business Development Professional.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: syed-mubashir-portfolio
Tags: dark, portfolio, animated, premium, ecommerce, business, one-page
*/

/* ============================================================
   ROOT VARIABLES
   ============================================================ */
:root {
    --color-bg:           #050810;
    --color-bg-2:         #080d1a;
    --color-bg-glass:     rgba(255,255,255,0.04);
    --color-border-glass: rgba(255,255,255,0.08);
    --color-primary:      #2563eb;
    --color-primary-glow: rgba(37,99,235,0.35);
    --color-accent:       #06b6d4;
    --color-accent-glow:  rgba(6,182,212,0.3);
    --color-purple:       #7c3aed;
    --color-purple-glow:  rgba(124,58,237,0.3);
    --color-white:        #f8fafc;
    --color-grey:         #94a3b8;
    --color-grey-dark:    #334155;
    --font-heading:       'Syne', sans-serif;
    --font-body:          'DM Sans', sans-serif;
    --font-mono:          'JetBrains Mono', monospace;
    --radius-sm:          8px;
    --radius-md:          16px;
    --radius-lg:          24px;
    --radius-xl:          40px;
    --shadow-glow-blue:   0 0 40px rgba(37,99,235,0.25);
    --shadow-glow-cyan:   0 0 40px rgba(6,182,212,0.2);
    --shadow-glow-purple: 0 0 40px rgba(124,58,237,0.25);
    --transition-fast:    0.2s cubic-bezier(0.4,0,0.2,1);
    --transition-med:     0.4s cubic-bezier(0.4,0,0.2,1);
    --transition-slow:    0.7s cubic-bezier(0.4,0,0.2,1);
}