/* Written by Christopher C. */
/* This .css file is intended to be used AFTER the main styles.css file. */

:root {

    /* body */
    --container: hsl(270, 100%, 55%);
    --body: hsl(270, 100%, 20%);
    --text: #000;
    --alt_text: #fff;

    /* nav */
    --address_background: #111;
    --address_color: #fff;

    /* main content */
    --section_border: #808080;

    --active_link_text: hsl(217, 100%, 76%);
    --active_link_text_alt: hsl(217, 100%, 76%);
    --active_link_hover: hsl(281, 100%, 81%);
    --inactive_link_text: hsl(10, 63%, 64%);

    --table_hover: rgb(0, 0, 0, 0.5);
    --figure_background: rgb(0, 0, 0, 0.25);

    --tab_fill: hsl(273, 100%, 30%);
    --tab_border: rgb(0, 0, 0, 0.5);

        /* below values are HSL format */
    --ranking_0: 0, 0%;
    --ranking_open: 120, 100%;
    --ranking_1: 60, 100%;
    --ranking_2: 36, 100%;
    --ranking_3: 0, 100%;
    --ranking_4: 283, 100%;
    --ranking_5: 217, 77%;
    
    --opinion_p3: 281, 100%;
    --opinion_p2: 127, 100%;
    --opinion_p1: 205, 100%;
    --opinion_n0: 0, 0%;
    --opinion_n1: 50, 100%;
    --opinion_n2: 25, 100%;
    --opinion_n3: 0, 100%;
}