/*
 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%;
  
    /* 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%;
  
    /* 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-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-muted:  hsl(215, 20%, 65%);
    --iabt-muted-hsl: 215, 20%, 65%;
    --iabt-shadow: hsl(var(--iabt-blue-soft-hsl), 0.7);
  
    /* Gradient */
    --iabt-gradient: linear-gradient(
      135deg,
      hsl(214, 83%, 26%) 0%,
      hsl(161, 77%, 43%) 100%
    );
  /* =====================================
     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-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;
/* =====================================
     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-semibold);
  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);
}