/*
Theme Name: HmcxStudio
Theme URI: https://hmcx.studio
Author: HmcxStudio
Author URI: https://hmcx.studio
Description: A premium digital agency WordPress theme with stunning animations and full Elementor support. Bluish-white design optimized for global digital services agencies.
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: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hmcxstudio
Tags: blog, portfolio, e-commerce, education, entertainment, one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-background, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, full-width-template, block-patterns, wide-blocks, block-styles, elementor
*/

/* ==========================================================================
   HMCXSTUDIO THEME - GLOBAL VARIABLES & BASE STYLES
   ========================================================================== */

:root {
  --blue-deep:   #0a1628;
  --blue-dark:   #0d2147;
  --blue-mid:    #1a3a7a;
  --blue-main:   #1e56c8;
  --blue-bright: #3b82f6;
  --blue-light:  #60a5fa;
  --blue-pale:   #dbeafe;
  --blue-ghost:  #f0f6ff;
  --white:       #ffffff;
  --off-white:   #f8faff;
  --text-dark:   #0f172a;
  --text-mid:    #334155;
  --text-light:  #64748b;
  --accent:      #06b6d4;
  --accent2:     #8b5cf6;
  --gold:        #f59e0b;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   22px;
  --radius-xl:   32px;
  --shadow-sm:   0 2px 12px rgba(30,86,200,.08);
  --shadow-md:   0 8px 30px rgba(30,86,200,.14);
  --shadow-lg:   0 20px 60px rgba(30,86,200,.22);
  --trans:       all .3s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }

body {
  font-family: 'Manrope', sans-serif;
  background: var(--white);
  color: var(--text-dark);
  overflow-x: hidden;
  line-height: 1.6;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: -0.5px;
  line-height: 1.15;
}

a { color: var(--blue-main); text-decoration: none; transition: var(--trans); }
a:hover { color: var(--blue-bright); }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }
button, input, textarea, select { font-family: inherit; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--off-white); }
::-webkit-scrollbar-thumb { background: var(--blue-main); border-radius: 10px; }

/* Container */
.container { max-width: 1320px; margin: 0 auto; padding: 0 5%; }

/* Alignment helpers */
.text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-align: right; }