/*
Theme Name: IATBD
Theme URI: https://iatbd.com
Author: Masud Rana
Author URI: https://dev-masud-rana.netlify.app
Description: Lightweight Elementor-ready theme for IATBD Industrial Automation. No built-in layout: build header, footer and pages with Elementor. Brand colors and fonts are available as CSS variables.
Version: 1.0.0
Requires at least: 5.8
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: iatbd
*/

/* ---------- Brand tokens (use in Elementor as var(--iatbd-primary-600) etc.) ---------- */
:root {
	--iatbd-primary-50: #eef7ff;
	--iatbd-primary-100: #d9ecff;
	--iatbd-primary-200: #bcdeff;
	--iatbd-primary-300: #8ecbff;
	--iatbd-primary-400: #59aeff;
	--iatbd-primary-500: #338bff;
	--iatbd-primary-600: #1a6af5;
	--iatbd-primary-700: #1454e1;
	--iatbd-primary-800: #1744b6;
	--iatbd-primary-900: #193c8f;
	--iatbd-accent-400: #ff9f43;
	--iatbd-accent-500: #ff7a1a;
	--iatbd-accent-600: #f05a00;
	--iatbd-slate-50: #f8fafc;
	--iatbd-slate-900: #0f172a;
	--iatbd-slate-950: #020617;
	--iatbd-font-sans: "Inter", sans-serif;
	--iatbd-font-display: "Space Grotesk", sans-serif;
}

/* ---------- Base ---------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--iatbd-font-sans);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none;
}

/* Scrollbar (same as the original design) */
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
	background: var(--iatbd-primary-500);
	border-radius: 4px;
}

/* Optional helper classes: add in Elementor > Advanced > CSS Classes */
.iatbd-font-display {
	font-family: var(--iatbd-font-display);
}
.iatbd-gradient-bg {
	background: linear-gradient(135deg, var(--iatbd-primary-500), var(--iatbd-accent-500));
}
.iatbd-gradient-text {
	background: linear-gradient(90deg, var(--iatbd-primary-500), var(--iatbd-accent-500));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.iatbd-card-hover {
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
}
.iatbd-card-hover:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 36px -10px rgba(26, 106, 245, 0.14);
}