/*
Theme Name: Tidy Infoway
Theme URI: https://tidyinfoway.com
Author: Tidy Infoway
Author URI: https://tidyinfoway.com
Description: Professional IT Solutions theme for Tidy Infoway — Software Development, Web Development, SEO, LLM SEO, Cloud Services, Mobile Apps, Security & IT Consultation for India and USA.
Version: 1.0.0
Requires at least: 5.6
Tested up to: 6.5
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: tidyinfoway
Tags: business, technology, one-column, two-columns, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
*/

/* =============================
   CSS CUSTOM PROPERTIES
   ============================= */
:root {
  --primary:        #1d4ed8;
  --primary-dark:   #1e40af;
  --primary-light:  #3b82f6;
  --accent:         #f97316;
  --accent-dark:    #ea580c;
  --dark:           #0f172a;
  --dark-2:         #1e293b;
  --dark-3:         #334155;
  --gray:           #64748b;
  --light-gray:     #f1f5f9;
  --border:         #e2e8f0;
  --white:          #ffffff;
  --success:        #22c55e;
  --gradient-hero:  linear-gradient(135deg, #0f172a 0%, #1d4ed8 60%, #1e40af 100%);
  --gradient-card:  linear-gradient(135deg, #1d4ed8, #3b82f6);
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
  --shadow-md:      0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:      0 10px 40px rgba(0,0,0,0.15);
  --shadow-blue:    0 8px 30px rgba(29,78,216,0.25);
  --radius-sm:      6px;
  --radius-md:      12px;
  --radius-lg:      20px;
  --radius-xl:      32px;
  --font-main:      'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading:   'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif;
  --transition:     all 0.3s ease;
}

/* =============================
   RESET & BASE
   ============================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--font-main);
  color: var(--dark-2);
  background: var(--white);
  line-height: 1.7;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--primary); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--primary-dark); }
ul { list-style: none; }
button, input, textarea, select { font-family: inherit; }
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.section-pad { padding: 80px 0; }
.section-pad-sm { padding: 60px 0; }