:root {
    /* Colors */
    --color-primary:  #009688;
    --color-canvas: #0f1517;
    --color-bg: #1a2327;
    --color-bg-alt: #314048;
    --color-help: #AAA;
    --color-error: #a94442;
    --color-load-screen-text: #FFF;
    --color-money: var(--color-primary);
    --color-meta-light: #757575;
    --color-dark-overlay: rgba(15, 21, 23, 0.85);
    --color-download: rgba(255, 255, 255, 0.75);


    /* Text */
    --text-color: #FFF;
    --text-selection-bg: rgba(0,150,136, 0.95);

    /* Form */
    --form-label-color: rgba(255, 255, 255, 0.70);

    /* Input */
    --input-bg: transparent;
    --input-border-color: rgba(255,255,255, 0.70);
    --input-hover-border-color: rgba(255, 255, 255, 1);
    --input-placeholder-opacity: 0.5;

    /* Search */
    --search-bg: rgba(0,0,0, 0.45);
    --search-color: #757575;
    --search-active-bg: rgba(0,0,0, 0.75);
    --search-border: 1px solid rgba(0,0,0, 0.25);

    /* Tab */
    --tab-color: rgba(255,255,255, 0.5) ;
    --tab-active-color: rgba(255,255,255, 0.75);

    /* Header */
    --header-color: #CCC;
    --header-active-color: #FFF;
    --header-button-hover-bg: var(--color-bg-alt);

    /* Table */
    --table-border: 0;
    --table-item-even: var(--color-bg-alt);
    --table-item-odd: transparent;

    /* Modal */
    --modal-overlay-bg: var(--color-dark-overlay);
    --modal-border: 1px solid rgba(0, 0, 0, 0.25);

    /* Scrollbar */
    --scrollbar-thumb-bg: rgba(255, 255, 255, 0.20);
    --scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.35);

    /* Media */
    --media-bg: #90A4AE;

    /* Divider */
    --divider: 1px solid rgba(255, 225, 225, 0.12);
}