/* Infinite Studio — site v3 tokens.
   Colors read the Elementor Kit globals first (--e-global-color-is_*), so changing a color
   in Elementor > Site settings updates the theme CSS too. The hex value is the fallback. */
:root{
  /* Colors */
  --is-blue:var(--e-global-color-is_blue,#38B5FF);
  --is-blue-hover:var(--e-global-color-is_blue_hover,#6CCBFF);
  --is-blue-ink:var(--e-global-color-is_blue_ink,#1679C2);
  --is-navy:var(--e-global-color-is_navy,#0D2451);
  --is-navy-hover:var(--e-global-color-is_navy_hover,#163470);
  --is-night:var(--e-global-color-is_night,#081733);
  --is-bg-light:var(--e-global-color-is_bg_light,#F7FBFF);
  --is-tint:var(--e-global-color-is_tint,#EEF7FF);
  --is-border:var(--e-global-color-is_border,#E3EEF8);
  --is-border-field:var(--e-global-color-is_border_field,#D6E2EE);
  --is-text:var(--e-global-color-is_text,#4B5563);
  --is-muted:var(--e-global-color-is_muted,#69727D);
  --is-ia:var(--e-global-color-is_ia,#6366F1);
  --is-ia-ink:var(--e-global-color-is_ia_ink,#4338CA);
  --is-ia-tint:var(--e-global-color-is_ia_tint,#EEF0FF);
  --is-ia-ondark:var(--e-global-color-is_ia_ondark,#818CF8);
  --is-ia-ondark-2:var(--e-global-color-is_ia_ondark_2,#C7D2FE);

  /* Gradients */
  --is-grad-ia-text:linear-gradient(90deg,#1679C2,#6366F1 55%,#4338CA);
  --is-grad-ia-eyebrow:linear-gradient(90deg,#1679C2,#4338CA);
  --is-grad-ia-icon:linear-gradient(135deg,#38B5FF,#6366F1 60%,#4338CA);
  --is-grad-brand-icon:linear-gradient(135deg,#38B5FF,#1679C2);
  --is-hero-bg:radial-gradient(ellipse 55% 60% at 90% 10%,rgba(56,181,255,.26),transparent 70%),radial-gradient(ellipse 45% 50% at 0% 100%,rgba(56,181,255,.14),transparent 70%),#081733;
  --is-hero-bg-ia:radial-gradient(ellipse 55% 60% at 90% 10%,rgba(99,102,241,.32),transparent 70%),radial-gradient(ellipse 45% 50% at 0% 100%,rgba(56,181,255,.16),transparent 70%),#081733;

  /* Shadows */
  --is-shadow:0 14px 34px -20px rgba(13,36,81,.32);
  --is-shadow-lg:0 26px 50px -28px rgba(13,36,81,.45);
  --is-shadow-hover:0 22px 44px -22px rgba(13,36,81,.42);
  --is-focus-ring:0 0 0 4px rgba(56,181,255,.18);

  /* Radii */
  --is-r-btn:10px; --is-r-field:10px; --is-r-card:20px; --is-r-card-lg:24px; --is-r-block:28px; --is-r-pill:999px;

  /* Type — sizes read the Kit global typographies (responsive values come from the Kit too) */
  --is-font:'Montserrat',system-ui,sans-serif;
  --is-h1:var(--e-global-typography-is_h1-font-size,52px);
  --is-h2:var(--e-global-typography-is_h2-font-size,38px);
  --is-h3:var(--e-global-typography-is_h3-font-size,20px);
  --is-body:var(--e-global-typography-is_text-font-size,17px);
  --is-lead:var(--e-global-typography-is_lead-font-size,18px);
  --is-eyebrow:var(--e-global-typography-is_eyebrow-font-size,15px);
  --is-btn:var(--e-global-typography-is_button-font-size,15px);

  /* Layout */
  --is-container:1200px; --is-gutter:24px; --is-section-y:96px;
}
@media (max-width:1100px){:root{--is-gutter:32px;--is-section-y:80px}}
@media (max-width:767px){:root{--is-gutter:20px;--is-section-y:64px}}
