@import './spkReset.css';
@import './spkFonts.css';
@import './spkHtml.css';
@import './spkBody.css';
@import './spkMain.css';
@import './spkMargin.css';

:root {
    --color-main: #393632;
    --color-complement: #B8894D;
    --color-body-white: whitesmoke;
    --color-body-black: #0f0f0f;
    --color-text-white: whitesmoke;
    --color-text-black: black;

    --color-spk-main: #2c292c;
    --color-spk-complement: #564e48;
    --color-spk-shadow:#FFDF4B;
    --color-spk-button: #7ebc43;

    --color-spk-button-ext: #7aa2ff;
    --color-spk-input: #151923;
    --color-spk-border: #2a2f3a;
    --color-spk-card: #181b22;
    --color-spk-text: #a7afc2;
    --color-spk-background: #0f1115;

    --header-width-logo: 47px;
    --header-height-logo: 47px;
    --mobile-width-logo: 47px;
    --mobile-height-logo: 47px;
    --social-width-menu: 24px;
    --social-height-menu: 24px;
    --footer-vw-spk: 47px;
    --footer-vh-spk: 47px;

    --font-default: "Poppins", sans-serif;

    --z-index-header: 1067;
    --z-index-buscar: 1066;
    --z-index-button: 1064;
    --z-index-footer: 1056;
}

@media (max-width:1024px) {
    
}

@media (max-width:768px) {
    
}

@media (max-width:480px) {
    
}