/* base.css — Fuentes, variables, tema global, reset */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../assets/fonts/poppins-v24-latin-500.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../assets/fonts/poppins-v24-latin-700.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/fonts/roboto-v50-latin-regular.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../assets/fonts/roboto-v50-latin-500.woff2') format('woff2');
    font-display: swap;
}

:root {
    --bckgrndbdy: #F0F2F5;
    --btnordr: #6C63FF;
    --btnplus: #FF6584;
    --donetsk: #6DB37A;
    --wrpprbck: #FFFFFF;
    --maintxt: #333333;
    --primary: #6C63FF;
    --shadow: 0 4px 6px rgba(0,0,0,0.1);
}

@media (prefers-color-scheme: dark) {
    :root {
        --bckgrndbdy: #1A1A2E;
        --btnordr: #6C63FF;
        --donetsk: #3A7D54;
        --primary: #6C63FF;
        --wrpprbck: #1E1E3F;
        --maintxt: #EAEAEA;
    }
}

body {
    background-color: var(--bckgrndbdy);
    font-family: 'Roboto', sans-serif;
    height: 100vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 50px;
}