/*
Theme Name: CodeTak
Theme URI: https://codetak.com
Author: Muhammad Zubair
Author URI: https://codetak.com
Description: CodeTak is a premium, high-performance, visual-first WordPress theme engineered for digital product studios, full-stack developers, e-commerce engineers, and AI automation specialists.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: codetak
Tags: portfolio, developer, dark-mode, high-performance, clean, responsive, custom-colors, custom-menu, featured-images, translation-ready
*/

/* Core Design Tokens & Theme Variables */
:root {
  --bg-canvas: #080B10;
  --bg-surface-1: #0F141F;
  --bg-surface-2: #161D2E;
  --bg-surface-3: #1E293B;
  
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.14);
  --border-accent: rgba(16, 185, 129, 0.3);
  
  --accent-emerald: #10B981;
  --accent-emerald-glow: rgba(16, 185, 129, 0.15);
  --accent-azure: #3B82F6;
  --accent-azure-glow: rgba(59, 130, 246, 0.15);
  
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-highlight: #FFFFFF;
  
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: 5.5rem;
  
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  
  --container-max: 1240px;
  --container-narrow: 840px;
  
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-elevation: 0 20px 40px -15px rgba(0, 0, 0, 0.6);
  --shadow-mockup: 0 25px 60px -15px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.08);
}