:root {
    /* Dark theme */
    --text-dark: #ffffff;
    --burgndy0: rgb(217, 255, 0);

    /* Light theme */
    --text-light: #0b0b14;
    --burgndy01: rgb(166, 196, 0);

    /* Active defaults */
    --bg1: black;
    --text: var(--text-dark);
    --burgndy: var(--burgndy0);
}

body.light {
    --bg1: white;
    --text: var(--text-light);

    footer {
        color: white;
    }

    footer i {
        color: white;
    }

    .navbar h2 {
        color: #0051ff;
    }

    .nav-links a{
        color: rgb(0, 199, 27);
    }

    .btn{
        color: black;
    }

    .navbar{
        background: #ffffff00;
    }

    .hamburger span{
        background: rgb(166, 196, 0);
    }

    .section-title {
        color: var(--text);
    }

    a {
        color: #0051ff;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    background: var(--bg1);
    font-family: "Segoe UI", system-ui, sans-serif;
    color: var(--text);
    transition: background 0.6s ease, color 0.3s ease;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(127, 92, 255, .25), transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(0, 255, 225, .18), transparent 40%);
    pointer-events: none;
}