/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.9
	Stable tag: 3.4.9
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/


/* ========== SAGE DESIGN SYSTEM — ELEMENTOR BUTTONS ========== */
.elementor-button {
  font-family: var(--font-family) !important;
  font-size: var(--font-size-body) !important;
  font-weight: var(--font-weight-medium) !important;
  border-radius: var(--radius-sm) !important;
  padding: var(--space-2) var(--space-5) !important;
  transition: background 0.15s !important;
}
.elementor-button,
.elementor-button.elementor-size-md {
  background: var(--action-primary) !important;
  color: var(--text-on-dark) !important;
  border: none !important;
  fill: var(--text-on-dark) !important;
}
.elementor-button:hover,
.elementor-button:focus {
  background: var(--action-primary-hover) !important;
  color: var(--text-on-dark) !important;
}
.elementor-button.is-secondary {
  background: var(--action-secondary) !important;
  color: var(--text-on-brand) !important;
  border: var(--border-thin) solid var(--border-brand) !important;
  fill: var(--text-on-brand) !important;
}
.elementor-button.is-secondary:hover,
.elementor-button.is-secondary:focus {
  background: var(--action-secondary-hover) !important;
  color: var(--text-on-brand) !important;
}
.elementor-button.is-ghost {
  background: transparent !important;
  color: var(--text-brand) !important;
  border: var(--border-thin) solid var(--border-default) !important;
  fill: var(--text-brand) !important;
}
.elementor-button.is-ghost:hover,
.elementor-button.is-ghost:focus {
  background: var(--bg-brand-subtle) !important;
  border-color: var(--border-brand-strong) !important;
  color: var(--text-brand) !important;
}