:root {
    --base: #24273a;
    --text: #cad3f5;
    --subtext: #a5adcb;
    --overlay: #6e738d;
    --surface: #363a4f;
}

html {
    background-color: var(--base);
}

body {
    color: var(--text);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100vh;
    font-family: 'Arial', sans-serif;
    font-size: small;
}

a {
    text-decoration: none;
}

.hover-glow-text:hover {
    text-shadow: 0 0 5px var(--text), 0 0 10px var(--text), 0 0 15px var(--text);
}

.hover-glow-box:hover {
    box-shadow: 0 0 5px var(--text), 0 0 10px var(--text), 0 0 15px var(--text);
}