/*
Theme Name: Inventive Agency Pro
Theme URI: https://inventiveagency.in
Author: Inventive Agency
Author URI: https://inventiveagency.in
Description: Custom, performance-first WordPress theme for Inventive Agency — a Creative + Technology + AI + Growth partner. Native-first architecture, controlled design system, minimal JavaScript, and WCAG 2.2 AA-oriented accessibility.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inventiveagency-pro
Tags: custom-logo, custom-menu, featured-images, block-patterns, translation-ready, accessibility-ready
*/

/* -------------------------------------------------------------------------
   Inventive Design System — Foundations
   "From idea to impact."
   ------------------------------------------------------------------------- */

:root {
	/* ---- Brand palette ---- */
	--iap-navy:        #07111F;   /* Deep Navy */
	--iap-midnight:    #0D1B2A;   /* Midnight Blue */
	--iap-blue:        #2563EB;   /* Electric Blue — primary */
	--iap-sky:         #38BDF8;   /* Digital/Sky Blue */
	--iap-lime:        #A3E635;   /* Intelligent Lime — signature accent */
	--iap-offwhite:    #F7F9FC;   /* Off White */
	--iap-white:       #FFFFFF;
	--iap-charcoal:    #111827;   /* Charcoal */
	--iap-slate:       #64748B;   /* Slate */

	/* ---- Semantic tokens (light-first) ---- */
	--iap-bg:          var(--iap-offwhite);
	--iap-bg-alt:      var(--iap-white);
	--iap-bg-dark:     var(--iap-navy);
	--iap-bg-dark-2:   var(--iap-midnight);
	--iap-text:        var(--iap-charcoal);
	--iap-text-muted:  var(--iap-slate);
	--iap-text-invert: var(--iap-white);
	--iap-border:      #E5EAF2;
	--iap-primary:     var(--iap-blue);
	--iap-primary-hi:  #1D4ED8;
	--iap-accent:      var(--iap-lime);
	--iap-accent-ink:  #2A3B0D;   /* accessible text on lime */

	/* ---- Typography scale (Sora headings / Inter body) ---- */
	--iap-font-head:   "Sora", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--iap-font-body:   "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--iap-fs-300: clamp(0.875rem, 0.82rem + 0.25vw, 0.95rem);
	--iap-fs-400: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
	--iap-fs-500: clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem);
	--iap-fs-600: clamp(1.375rem, 1.2rem + 0.9vw, 1.75rem);
	--iap-fs-700: clamp(1.75rem, 1.4rem + 1.6vw, 2.375rem);
	--iap-fs-800: clamp(2rem, 1.5rem + 2.6vw, 3.25rem);
	--iap-fs-900: clamp(2.375rem, 1.6rem + 4.2vw, 4.5rem);

	/* ---- Spacing ---- */
	--iap-space-1: 0.25rem;
	--iap-space-2: 0.5rem;
	--iap-space-3: 0.75rem;
	--iap-space-4: 1rem;
	--iap-space-5: 1.5rem;
	--iap-space-6: 2rem;
	--iap-space-7: 3rem;
	--iap-space-8: 4rem;
	--iap-space-9: 6rem;
	--iap-space-10: 8rem;

	/* ---- Container ---- */
	--iap-container: 1200px;
	--iap-container-wide: 1400px;
	--iap-gutter: clamp(1rem, 4vw, 2rem);

	/* ---- Radius ---- */
	--iap-radius-sm: 6px;
	--iap-radius: 10px;
	--iap-radius-lg: 16px;
	--iap-radius-xl: 24px;
	--iap-radius-pill: 999px;

	/* ---- Shadows ---- */
	--iap-shadow-sm: 0 1px 2px rgba(7, 17, 31, 0.06), 0 1px 3px rgba(7, 17, 31, 0.08);
	--iap-shadow:    0 4px 12px rgba(7, 17, 31, 0.08), 0 2px 4px rgba(7, 17, 31, 0.05);
	--iap-shadow-lg: 0 18px 40px rgba(7, 17, 31, 0.14);
	--iap-shadow-blue: 0 10px 30px rgba(37, 99, 235, 0.22);

	/* ---- Breakpoints (reference tokens) ---- */
	--iap-bp-sm: 40em;
	--iap-bp-md: 52em;
	--iap-bp-lg: 64em;
	--iap-bp-xl: 80em;

	/* ---- Motion tokens ---- */
	--iap-dur-1: 150ms;
	--iap-dur-2: 250ms;
	--iap-dur-3: 450ms;
	--iap-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--iap-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--iap-ease-in: cubic-bezier(0.4, 0, 0.6, 1);

	/* ---- Layout rhythm ---- */
	--iap-section-pad: clamp(3.5rem, 8vw, 7rem);
	--iap-gap-grid: clamp(1rem, 3vw, 2rem);
}