/* OOMLO · elementor-compat.css · Elementor globals read the theme's variables, so dark and light switch the variables, never the values on elements. */
:root, [data-theme="light"] {
  --e-global-color-primary: var(--oomlo-accent);
  --e-global-color-secondary: var(--oomlo-text-2);
  --e-global-color-text: var(--oomlo-text);
  --e-global-color-accent: var(--oomlo-accent-hover);
  --e-global-color-ink: var(--oomlo-bg);
  --e-global-color-surface_dark: var(--oomlo-surface);
  --e-global-color-surface2_dark: var(--oomlo-surface-2);
  --e-global-color-text2_dark: var(--oomlo-text-2);
  --e-global-color-bg_light: var(--oomlo-bg);
  --e-global-color-surface2_light: var(--oomlo-surface-2);
  --e-global-color-text2_light: var(--oomlo-text-2);
  --e-global-color-accent_hover_light: var(--oomlo-accent-hover);
  --e-global-color-success_dark: var(--oomlo-success);
  --e-global-color-error_dark: var(--oomlo-error);
  --e-global-color-success_light: var(--oomlo-success);
  --e-global-color-error_light: var(--oomlo-error);
  --e-global-color-border_input_dark: var(--oomlo-border-input);
  --e-global-color-border_input_light: var(--oomlo-border-input);
  --e-global-color-link_surface2_light: var(--oomlo-link-surface-2, var(--oomlo-accent-hover));
  --e-global-typography-primary-font-family: var(--oomlo-font-display);
  --e-global-typography-primary-font-weight: 800;
  --e-global-typography-secondary-font-family: var(--oomlo-font-display);
  --e-global-typography-secondary-font-weight: 700;
  --e-global-typography-text-font-family: var(--oomlo-font-text);
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: var(--oomlo-font-text);
  --e-global-typography-accent-font-weight: 600;
}
.elementor-kit-default, .elementor { color: var(--oomlo-text); }
.elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--oomlo-container); }
.elementor-widget-container h1, .elementor-widget-container h2, .elementor-widget-container h3 { font-family: var(--oomlo-font-display); }
.elementor-button, .elementor-button-link { border-radius: var(--oomlo-radius-pill); font-family: var(--oomlo-font-text); font-weight: 700; background-color: var(--oomlo-accent); color: var(--oomlo-accent-on); }
.elementor-button:hover { background-color: var(--oomlo-accent-hover); color: var(--oomlo-accent-on); }
.elementor-field-group .elementor-field { background: var(--oomlo-surface-2); color: var(--oomlo-text); border: 1px solid var(--oomlo-border-input); border-radius: var(--oomlo-radius-input); }
[data-theme="light"] .elementor-field-group .elementor-field { background: var(--oomlo-surface); }
.elementor-location-header .oomlo-header, .elementor-location-footer .oomlo-footer { margin: 0; }