/* @import url('DSMono URL here'); -- FOR LATER USE */
@import url('https://dsans.dmx3377.uk/font.css');
@import url('https://dmx3377.uk/fonts/publicsans/PublicSans.css');

h1, h2, h3, h4, h5, h6, .heading {
    font-family: "DSans", sans-serif;
}
body, :root {
    font-family: "Public Sans", Inter, "Roboto", Helvetica Neue, Segoe UI, Arial, sans-serif;
    text-align: center;
    margin: auto;

    background: #ffffff;
    color: #222;
}

footer {
    color: #777;
}

/* Links */
a {
    font-family: Roboto, sans-serif;
    text-align: center;
    color: #2497d1;
    transition: color 0.3s ease;
}

a:hover {
    color: #165c80;
}

/* Buttons */
button {
    font-family: Roboto, sans-serif;
    background: #fff;
    border-radius: 4px;
    border: 2px solid #aaa;
    text-align: center;
    font-weight: 500;
    transition: 0.25s ease;
    color: #222;
}

button:hover {
    border-radius: 8px;
    background: #eee;
    color: #333;
}

@media (prefers-color-scheme: dark) {

    body, :root {
        background: #111;     /* Dark background */
        color: #ddd;          /* Light text */
    }

    footer {
        color: #888;
    }

    a {
        color: #5bbaf2;
    }

    a:hover {
        color: #89d6ff;
    }

    button {
        background: #222;
        border: 2px solid #444;
        color: #ddd;
    }

    button:hover {
        background: #333;
        color: #fff;
    }
}