.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;gap:0px;}.site-header .header-inner{width:0px;max-width:100%;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* GLOBAL THEME BRIDGE - apply to whole site via html[data-theme] */
/* Put in: Elementor Site Settings -> Custom CSS OR WP Additional CSS */

/* 1) Base tokens (match your header tokens) */
:root{
  --bg:#0a0f1d;
  --card:#111827;
  --line:#1f2937;

  --ink:#ffffff;
  --muted:#9ca3af;

  --primary:#2563eb;
  --primary2:#1e40af;
  --gradBlue: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}

/* Light overrides */
html[data-theme="light"]{
  --bg:#f6f8ff;
  --card:#ffffff;
  --line:#d9e0ff;

  --ink:#0a0f1d;
  --muted:#4b5563;
}

/* 2) Force page background + text to follow theme */
html, body{
  background: var(--bg) !important;
  color: var(--ink) !important;
}

/* 3) Elementor main wrappers */
body,
.elementor,
.elementor-page,
#page,
.site,
.site-content,
.elementor-location-header,
.elementor-location-footer{
  background: var(--bg) !important;
  color: var(--ink) !important;
}

/* 4) Default text colors */
p, span, li, small, label, .elementor-widget-text-editor{
  color: var(--ink);
}
.elementor-widget-text-editor,
.elementor-widget-heading,
.elementor-heading-title{
  color: var(--ink) !important;
}

/* Muted helpers (optional, use class 'is-muted' anywhere) */
.is-muted{ color: var(--muted) !important; }

/* 5) Cards and sections you want to look like "card" */
/* Add class 'pf-card' or 'pf-surface' to Elementor containers */
.pf-card, .pf-surface,
.elementor-widget-container .pf-card,
.elementor-widget-container .pf-surface{
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
}

/* 6) Links */
a{ color: inherit; }
a:hover{ color: var(--ink); }

/* 7) Inputs */
input, textarea, select{
  background: color-mix(in srgb, var(--card) 92%, transparent) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
}
input::placeholder, textarea::placeholder{
  color: color-mix(in srgb, var(--muted) 85%, transparent) !important;
}

/* 8) Elementor buttons (basic) */
.elementor a.elementor-button,
.elementor button.elementor-button{
  border-color: var(--line) !important;
}

/* Optional: a global "primary" button class you can assign in Elementor */
.pf-btn-primary{
  background: var(--gradBlue) !important;
  color:#fff !important;
  border: 0 !important;
}
.pf-btn-outline{
  background: transparent !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
}

/* 9) Reduce light theme white flash in sections that have hard-coded backgrounds */
/* If some sections still stay white/black, remove their background in Elementor and rely on theme,
   or give them class 'pf-surface' / 'pf-card'. *//* End custom CSS */