/*
 Theme Name:   Falar Child
 Theme URI:    https://themes.envytheme.com/falar/
 Description:  Falar Child Theme
 Author:       EnvyTheme.com
 Author URI:   https://envytheme.com/
 Template:     falar
 Version:      1.7
 Text Domain:  falar-child
*/
:root {
	/* Brand */
	--iabt-primary: hsl(214, 83%, 26%);
	--iabt-primary-hsl: 214, 83%, 26%;
	--iabt-accent: hsl(161, 77%, 43%);
	--iabt-accent-hsl: 161, 77%, 43%;
	--iabt-accent-hover: hsl(161, 77%, 36%);

	/* Backgrounds */
	--iabt-bg-main: hsl(0, 0%, 100%);
	--iabt-bg-main-hsl: 0, 0%, 100%;
	--iabt-bg-soft: hsl(216, 45%, 98%);
	--iabt-bg-soft-hsl: 216, 45%, 98%;
	--iabt-surface-subtle: hsl(214, 33%, 97%);
	--iabt-surface-subtle-hsl: 214, 33%, 97%;
	--iabt-surface-muted: hsl(214, 29%, 94%);
	--iabt-surface-muted-hsl: 214, 29%, 94%;
	--iabt-surface-tint: hsl(213, 55%, 95%);
	--iabt-surface-tint-hsl: 213, 55%, 95%;

	/* Text */
	--iabt-text-primary: hsl(222, 47%, 11%);
	--iabt-text-primary-hsl: 222, 47%, 11%;
	--iabt-text-secondary: hsl(215, 19%, 35%);
	--iabt-text-secondary-hsl: 215, 19%, 35%;

	/* Supporting */
	--iabt-blue-soft: hsl(215, 68%, 95%);
	--iabt-blue-soft-hsl: 215, 68%, 95%;
	--iabt-gold: hsl(48, 89%, 60%);
	--iabt-gold-hsl: 48, 89%, 60%;

	/* Functional */
	--iabt-success: hsl(142, 76%, 36%);
	--iabt-success-hsl: 142, 76%, 36%;
	--iabt-whatsapp: hsl(142, 70%, 49%);
	--iabt-whatsapp-hsl: 142, 70%, 49%;

	/* Social Brands */
	--iabt-facebook: #1877f2;
	--iabt-linkedin: #0a66c2;
	--iabt-youtube: #ff0000;
	--iabt-tiktok: #000000;
	--iabt-instagram-gradient: radial-gradient(
		circle at 30% 107%,
		#fdf497 0%,
		#fdf497 5%,
		#fd5949 45%,
		#d6249f 60%,
		#285aeb 90%
	);

	--iabt-warning: hsl(38, 92%, 50%);
	--iabt-warning-hsl: 38, 92%, 50%;
	--iabt-error: hsl(0, 72%, 51%);
	--iabt-error-hsl: 0, 72%, 51%;

	/* Utility */
	--iabt-border: hsl(214, 32%, 91%);
	--iabt-border-hsl: 214, 32%, 91%;
	--iabt-border-strong: hsl(214, 25%, 84%);
	--iabt-border-strong-hsl: 214, 25%, 84%;
	--iabt-muted: hsl(215, 20%, 65%);
	--iabt-muted-hsl: 215, 20%, 65%;
	--iabt-shadow: hsl(var(--iabt-blue-soft-hsl), 0.7);
	--iabt-shadow-sm: hsla(0, 0%, 0%, 0.06);
	--iabt-shadow-lg: hsla(0, 0%, 0%, 0.12);
	--iabt-shadow-soft: 0 18px 44px hsla(218, 35%, 13%, 0.08);

	/* Gradient */
	--iabt-gradient: linear-gradient(135deg, hsl(214, 83%, 26%) 0%, hsl(161, 77%, 43%) 100%);

	/* Media & Overlays */
	--iabt-overlay-bg: hsla(0, 0%, 0%, 0.55);
	--iabt-overlay-hover: hsla(0, 0%, 0%, 0.75);

	/* =====================================
     Font Family
  ===================================== */
	--iabt-font-family:
		'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* =====================================
     Font Weights
  ===================================== */
	--iabt-font-regular: 400;
	--iabt-font-medium: 500;
	--iabt-font-semibold: 600;
	--iabt-font-bold: 700;

	/* =====================================
     Base Font Sizes
  ===================================== */
	--iabt-text-xs: 0.75rem; /* 12px - helper text */
	--iabt-text-sm: 0.875rem; /* 14px - labels, meta */
	--iabt-text-base: 1rem; /* 16px - body */
	--iabt-text-lg: 1.125rem; /* 18px - intro text */

	/* =====================================
     Heading Sizes (Desktop)
  ===================================== */
	--iabt-h1: 2.75rem; /* 44px - hero headline */
	--iabt-h2: 2rem; /* 32px - section title */
	--iabt-h2-tablet: 1.875rem; /* 30px - section title tablet */
	--iabt-h3: 1.5rem; /* 24px - subsection */
	--iabt-h4: 1.25rem; /* 20px - card title */
	--iabt-h5: 1.125rem; /* 18px */
	--iabt-h6: 1rem; /* 16px */

	/* =====================================
     Line Heights
  ===================================== */
	--iabt-line-height-body: 1.6;
	--iabt-line-height-heading: 1.2;
	--iabt-line-height-tight: 1.1;

	/* =====================================
     Letter Spacing
  ===================================== */
	--iabt-letter-spacing-normal: 0;
	--iabt-letter-spacing-wide: 0.04em; /* nav, labels */
	--iabt-letter-spacing-tight: -0.01em; /* hero only */

	/* =====================================
     Paragraph Spacing
  ===================================== */
	--iabt-paragraph-margin: 1rem;

	/* =====================================
     Text Colors (paired with color theme)
  ===================================== */
	--iabt-text-heading: var(--iabt-text-primary);
	--iabt-text-body: var(--iabt-text-secondary);
	--iabt-text-muted: var(--iabt-muted);
	--iabt-text-accent: var(--iabt-primary);
	--iabt-text-white: var(--iabt-border);

	/* =====================================
     UI Text (buttons, nav)
  ===================================== */
	--iabt-ui-font-size: var(--iabt-text-sm);
	--iabt-ui-font-weight: var(--iabt-font-medium);
	--iabt-ui-letter-spacing: 0.02em;

	/* =====================================
     CTA Text
  ===================================== */
	--iabt-cta-font-size: var(--iabt-text-base);
	--iabt-cta-font-weight: var(--iabt-font-semibold);
	--iabt-cta-letter-spacing: 0.01em;

	/* =====================================
     Radius / Focus
  ===================================== */
	--iabt-radius-pill: 50px;
	--iabt-radius-card: 18px;
	--iabt-focus-ring: hsl(var(--iabt-accent-hsl), 0.35);

	/* Backwards compatibility with existing widget CSS */
	--popular-focus-ring: var(--iabt-focus-ring);
	/* =====================================
     Override Parent Theme
  ===================================== */
	--bs-nav-link-color: var(--iabt-primary);
}

body {
	font-family: var(--iabt-font-family);
	font-size: var(--iabt-text-base);
	line-height: var(--iabt-line-height-body);
	color: var(--iabt-text-body);
	overflow-x: hidden;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--iabt-text-heading);
	font-family: var(--iabt-font-family);
	line-height: var(--iabt-line-height-heading);
	letter-spacing: var(--iabt-letter-spacing-normal);
}
h1 {
	font-size: var(--iabt-h1);
	font-weight: var(--iabt-font-bold);
	line-height: var(--iabt-line-height-tight);
	letter-spacing: var(--iabt-letter-spacing-tight);
	color: var(--iabt-text-heading);
}

h2 {
	font-size: var(--iabt-h2);
	font-weight: var(--iabt-font-bold);
	line-height: var(--iabt-line-height-heading);
}

h3 {
	font-size: var(--iabt-h3);
	font-weight: var(--iabt-font-semibold);
}

h4 {
	font-size: var(--iabt-h4);
	font-weight: var(--iabt-font-semibold);
}

h5 {
	font-size: var(--iabt-h5);
	font-weight: var(--iabt-font-semibold);
}

h6 {
	font-size: var(--iabt-h6);
	font-weight: var(--iabt-font-semibold);
}
p {
	margin-bottom: var(--iabt-paragraph-margin);
	color: var(--iabt-text-body);
	font-family: var(--iabt-font-family);
	font-size: var(--iabt-text-base);
	line-height: var(--iabt-line-height-body);
	letter-spacing: var(--iabt-letter-spacing-normal);
	font-weight: var(--iabt-font-regular);
}
.section-py {
	padding: 48px 0;
}
.secondary-button {
	background-color: transparent;
	backdrop-filter: blur(10px);
	color: var(--iabt-primary);
	border-color: var(--iabt-border);
}
.secondary-button:hover {
	background-color: var(--iabt-accent);
	color: var(--iabt-bg-main);
	border-color: var(--iabt-accent);
}
.primary-button {
	background-color: var(--iabt-primary);
	color: var(--iabt-bg-main);
}
.primary-button:hover {
	background-color: var(--iabt-accent);
	color: var(--iabt-bg-main);
	border-color: var(--iabt-accent);
}