:root {
    --color-bg: #000000;
    --color-header-bg-gradient-start: #1c1c25;
    --color-header-bg-gradient-end: #1c1c25;
    --color-header-shadow: #353648;
    --color-header-link: #F0F0F0;
    --color-header-link-hover: #29293a;
    --color-hr-border: #393939;
    --color-table-th-bg: #000000;
    --color-table-th: #F0F0F0;
    --color-table-th-link-hover: #FFF;
    --color-link: #F0F0F0;
    --color-link-hover: #F0F0F0;
    --color-table-even: #292929;
    --color-table-odd: #343434;
    --color-table-row-hover: #404040;
    --color-album-delete: darkred;
    --color-form-label: #595959;
    --color-search-bg: #424242;
    --color-search-shadow: #424242;
    --color-pagination-selected: #292929;
    --color-pagination-link: #CCCCCC;
    --color-pagination-bg: #191919;
    --color-pagination-border: #000;
    --color-pagination-hover: #393939;
    --color-mobile-table-border: #292929;
    --color-collection-key: #595959;
    --color-collection-delete: #FF5252;
    --color-collection-importexport: #0000E6;
    --color-collection-public: #006400;

    --border-radius: 0px;
    --header-box-shadow: 0px 0px 12px 0px var(--color-header-shadow);
    --header-border: 0;

    --search-box-shadow: 0px 0px 2px 0px var(--color-search-shadow);
    --search-border: 0;
}

body {
    color: #DDDDDD;
}

input, select, textarea {
    color: #FFFFFF;
    background-color: #292929;
    border: 1px solid #404040;
}

/* Soften the DR scale colors */
.dr1_8 {
    background-color: #C20000;
}

.dr9 {
    background-color: #E37502;
}

.dr10 {
    background-color: #EBC503;
}

.dr11 {
    background-color: #BCE200;
}

.dr12 {
    background-color: #77E601;
}

.dr13 {
    background-color: #34EB00;
}

.dr14_up {
    background-color: #07F107;
}