@import url(./fonts.css);
@import url(./header.css);
@import url(./section.css);
@import url(./footer.css);

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "inter";
    font-weight: 300;
}
a, li, ul, input, button{
    text-decoration: none;
    list-style: none;
    border: none;
    outline: none;
}
/*Cores*/
:root{
    --primary-color: #1d4ed8;
    --secondary-color: #22c55e;
    --text-color: #374151;
    --card: #f97316;
    --background-color: #f3f4f6;
    --border-color: #ddd;
    --hover-color: #2980b9;
    --title: #111827;
    --font-family: 'Arial', sans-serif;
}
body{
    background: #f5f5f5;
    min-height: 100vh;
}
button{
    background: var(--primary-color);
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    &:hover{
        background: var(--hover-color) !important;
    }
}