/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* 

Flatsome CSS variables based on colors from the customizer
--primary-color: #f64926;
--fs-color-primary: #f64926;
--fs-color-secondary: #fb6e32;
--fs-color-success: #7a9c59;
--fs-color-alert: #b20000;
--fs-experimental-link-color: #ffffff;
--fs-experimental-link-color-hover: #fb6e32;


@font-face {
    font-family: 'Civons';
    src: url('https://epicdota2skins.com/wp-content/uploads/2025/04/civonsregular-5yo2z-2.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */




/* Import all CSS files from the assets folder */

@import url(./assets/css/layout.css);

@import url(./assets/css/navigation.css);
@import url(./assets/css/form.css);
@import url(./assets/css/footer.css);
/* @import url(./assets/css/typography.css); */


@import url(./assets/css/blocks/faq.css);
@import url(./assets/css/blocks/main-slider.css);
@import url(./assets/css/blocks/statistic.css);
@import url(./assets/css/blocks/platforms.css);
@import url(./assets/css/blocks/category-banners.css);
@import url(./assets/css/blocks/gift-cards.css);
@import url(./assets/css/blocks/games-block.css);
@import url(./assets/css/blocks/content.css);


/* @import url(./assets/css/flatsome-parts/buttons.css); */


@import url(./assets/css/woo/single-product.css);
@import url(./assets/css/woo/product-card.css);
@import url(./assets/css/woo/woof-husky-product-filter.css);
@import url(./assets/css/woo/archive-product.css);
@import url(./assets/css/woo/cart.css);
@import url(./assets/css/woo/checkout.css);
@import url(./assets/css/woo/my-account.css);
@import url(./assets/css/woo/yith.css);
@import url(./assets/css/woo/login-register.css);


/* @import url(/assets/css/colors.css);
@import url(/assets/css/layout.css);
@import url(/assets/css/header.css);
@import url(/assets/css/footer.css);
@import url(/assets/css/sidebar.css);
@import url(/assets/css/blog.css);
@import url(/assets/css/woocommerce.css);
@import url(/assets/css/woocommerce-checkout.css);
@import url(/assets/css/woocommerce-cart.css); */


:root {
	
	/* This naming does not match Figma */
    --color-gray-100: #ACACAC;
    --color-gray-200: #737373;
    --color-gray-300: #3D3D3D;
    --color-gray-400: #383838;
    --color-gray-450: #3F3F3F;
    --color-gray-500: #393939;
	
	/* Created to align with Figma and support current project*/
	
	--color-neutral-000: #FFFFFF;
	--color-neutral-500: var(--color-gray-200);
    
    --color-dark-100: #262626;
    --color-dark-200: #0F0F0F;

    --color-blue-100: #2F82FA;

    --color-red-100: #FA3E3E;

    --color-green-100: #0E9D04;
    
    --font-primary: "Manrope", sans-serif;
    --font-secondary: "Monda", sans-serif;
    --border-radius-banner: 20px;
}