:root {
    /* Colors. */
    --color-waterMint: #B9F5D2;
    --color-darkBlue: #263B58;
    --color-lightGray: #ddd;
    --color-darkGray: #323737;
    --color-light: white;
    --color-limeGreen: #b9f5d2;
    --color-brightCyan: #46ece6;
    --color-lightCyan: #d4fbf9;

    --background-color: var(--color-light);
    --color-accent: var(--color-brightCyan);

    /* Buttons. */
    --button-primary-background: var(--color-waterMint);
    --button-primary-color: var(--color-darkBlue);
    --button-neutral-background: var(--color-lightGray);
    --button-neutral-color: var(--color-darkGray);

    /* Sizes and spaces */
    --panel-gutter: 10px;
    --panel-bottom: 40px;
    --panel-header-height: 36px;
    --panel-width: 400px;
    --header-height: 46px;
    --footer-height: 46px;
    --control-size: 36px;
}
.dark {
    --background-color: var(--color-darkGray);
}