/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  --de-bg: #F7F2E8;
  --de-surface: #FFFDF8;
  --de-ink: #171514;
  --de-text: #3F3A35;
  --de-muted: #756F67;
  --de-line: #E4D8C7;
  --de-terracotta: #B9572F;
  --de-red: #A9201C;
  --de-gold: #D7A514;
  --de-teal: #0B7D6B;
  --de-blue: #165D8F;
}

body {
  color: var(--de-text);
  font-family: Inter, Manrope, Sora, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--de-bg);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--de-ink);
  font-family: Manrope, Inter, Sora, system-ui, sans-serif;
  letter-spacing: 0;
}

::selection {
  color: #fff;
  background: var(--de-terracotta);
}

/* Global scrollbar styling. */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--de-red) var(--de-bg);
}

html::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-track {
  background: var(--de-bg);
}

html::-webkit-scrollbar-thumb {
  background: var(--de-red);
  border: 2px solid var(--de-bg);
  border-radius: 999px;
  cursor: pointer;
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--de-terracotta);
}

/* Elementor button widgets must remain visually neutral; page CSS styles the button itself. */
.elementor-widget-button.de-button-primary,
.elementor-widget-button.de-button-secondary {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
