/*
Theme Name: Xteno
Theme URI: https://danhtrong.com
Description: Giao diện website bán khoá cửa thông minh Xteno. 
Author: Trần Danh Trọng
Author URI: https://danhtrong.com
Template: flatsome
Text Domain: xteno
Version: 3.0.0
*/

/* Add your custom CSS below this line */

@font-face {
    font-family: 'Futura';
    src: url('./assets/fonts/SVN-Futura-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('./assets/fonts/SVN-Futura-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('./assets/fonts/SVN-Futura-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

:root {
    --font-sans: 'Futura', sans-serif;
    --color-primary: #c62828;
    --color-secondary: #6e6e6e;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-red: #c62828;
    --color-success: #00c853;
    --color-warning: #ffbb33;
    --color-info: #33b5e5;
    --color-danger: #ff4444;
    --color-light: #f1f1f1;
    --color-dark: #333333;
    --color-gray: #6e6e6e;
}

body {
    font-family: var(--font-sans);
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.w-full {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.w-fit {
    width: fit-content !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.flex {
    display: flex !important;
}