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

/* Add your custom styles here */

:root {
	
	 /* EFFECTS */
	
    --box-shadow--md: 0px 2px 4px -2px rgba(var(--color--darkest), 0.06), 0px 4px 8px -2px rgba(var(--color--darkest), 0.1);
    --box-shadow--lg: 0px 4px 6px -2px rgba(var(--color--darkest), 0.03), 0px 12px 16px -4px rgba(var(--color--darkest), 0.08);
    --box-shadow--xl: 0px 8px 8px -4px rgba(var(--color--darkest), 0.03), 0px 20px 24px -4px rgba(var(--color--darkest), 0.08);
    
    --drop-shadow--md: drop-shadow(0px 2px 2px rgba(var(--color--darkest), 0.05)) drop-shadow(0px 4px 8px rgba(var(--color--darkest), 0.05));
    --drop-shadow--lg: drop-shadow(0px 2px 6px rgba(var(--color--darkest), 0.06)) drop-shadow(0px 8px 12px rgba(var(--color--darkest), 0.05));
    --drop-shadow--xl: drop-shadow(0px 4px 6px rgba(var(--color--darkest), 0.05)) drop-shadow(0px 20px 20px rgba(var(--color--darkest), 0.05));
    
    --background-blur--xl: blur(40px);
    --background-blur--lg: blur(20px);
    --background-blur--md: blur(10px);
    
    --box-shadow--focus: 0px 0px 0px 4px;
    
    /*BASE COLORS*/
    --color--white: #ffffff;
    --color--gray-01: #F0F6F6;
    --color--gray-02: #E6F0F0;
    --color--gray-03: #CDD7D7;
    --color--gray-04: #B4BEBE;
    --color--gray-05: #8C9696;
    --color--gray-06: #646E6E;
    --color--gray-07: #3C4646;
    --color--gray-08: #232D32;
    --color--gray-09: #151B1E;
    --color--sky-blue-02: #78EAFF;
    --color--sky-blue-03: #33DFFF;
    --color--sky-blue-04: #00BEFF;
    --color--ocean-blue: #0069C3;
    --color--yellow-03: #FFDB02;
    --color--yellow-02: #FFEA00;
    --color--green: #00A651;
    --color--yellow: #FFCB05;
    
    /* INTERFACE COLORS */
    
    --color--light: 255, 255, 255;
    --color--primary: 0, 105, 195;
    --color--primary-dark: 0, 85, 163;
    --color--dark: 60, 70, 70;
    --color--darker: 35, 45, 50;
    --color--darkest: 21, 27, 30;
    --color--error: 200, 40, 40;
    
    /* TEXT */
    --font: "Exo";
    --color--error: 200, 40, 40;
    --font--text-xs: 0.75rem/1.25em var(--font);
    --font--text-sm: 0.875rem/1.25em var(--font);
    --font--text-fields: 1rem/1.25em var(--font);
}