:root {

    --primary: #0d6efd;
    --background: #f4f6f8;
    --text: #222;
    --footer: #1b1f24;

}

body {

    background: var(--background);

    color: var(--text);

    font-family: "Segoe UI", Arial, sans-serif;

    margin: 0;

}

main {

    min-height: 80vh;

}

.footer {

    background: var(--footer);

    color: white;

    padding: 30px 0;

}