/* 
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.11
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
*/

/* Add your custom styles here */
/* Tablet (e.g., max-width 992px) */
@media (max-width: 992px) {
  :root, html, body {
    --dsi-space-2xs: 6px;
    --dsi-space-xs: 10px;
    --dsi-space-s: 14px;
    --dsi-space-m: 20px;
    --dsi-space-l: 28px;
    --dsi-space-xl: 36px;
    --dsi-space-2xl: 44px;
	--dsi-space-3xl: 52px;

	
	--dsi-text-3xs: 14px;
    --dsi-text-2xs: 16px;
    --dsi-text-xs: 18px;
    --dsi-text-s: 20px;
    --dsi-text-m: 24px;
    --dsi-text-l: 28px;
    --dsi-text-xl: 36px;
    --dsi-text-2xl: 44px;
  }
}

/* Mobile (e.g., max-width 576px) */
@media (max-width: 767px) {
  :root, html, body {
    --dsi-space-2xs: 4px;
    --dsi-space-xs: 8px;
    --dsi-space-s: 12px;
    --dsi-space-m: 16px;
    --dsi-space-l: 18px;
    --dsi-space-xl: 20px;
    --dsi-space-2xl: 24px;
	--dsi-space-3xl: 40px;

	
	--dsi-text-3xs: 12px;
    --dsi-text-2xs: 14px;
    --dsi-text-xs: 16px;
    --dsi-text-s: 18px;
    --dsi-text-m: 20px;
    --dsi-text-l: 24px;
    --dsi-text-xl: 28px;
    --dsi-text-2xl: 36px;
  }
}