:root {
    --navigation-bg: light-dark(#aaa, #333);
    --navigation-color: light-dark(#333, #eee);
    --navigation-color-hover: light-dark(#eee, #999);

    --header-color: light-dark(#fff, #fff);

    --banner-color: light-dark(#fff, #fff);

    --content-bg: light-dark(#aaa, #333);
    --content-color: light-dark(#333, #eee);
    --content-section-2n-bg: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));

    --footer-color: light-dark(#fff, #fff);
    --footer-color-hover: light-dark(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));

    --chords-app-bg: light-dark(rgba(0, 0, 0, .07), rgba(0, 0, 0, .5));
    --chords-app-area: light-dark(#aaa, #2a2a2a);
    --chords-app-button: light-dark(#4caf50, #4caf50);
    --chords-app-button-hover: light-dark(#45a049, #45a049);
}

body {
    background-color: var(--content-bg);
    color: var(--content-color);
}

.content section {
    padding: 4rem 0;
}

.content section:nth-of-type(2n) {
    background-color: var(--content-section-2n-bg);
}