﻿:root {
    /* Conversion of HSB to HSL */
    /* Naming pattern uses HSB, Values given in HSL */

    --rtst-clear: rgba(0, 0, 0, 0);
    /* Standard Blue */
    --rtst-std-brightness-100: hsl(240, 100%, 95%); /* 240  10 100 */
    --rtst-std-brightness-090: hsl(240, 47%, 81%); /*  240  20  90 */
    --rtst-std-brightness-085: hsl(240, 41%, 74%); /*  240  25  85 */
    --rtst-std-brightness-080: hsl(240, 38%, 68%); /*  240  30  80 */
    --rtst-std-brightness-070: hsl(240, 32%, 56%); /*  240  40  70 */
    --rtst-std-brightness-060: hsl(240, 33%, 45%); /*  240  50  60 */
    --rtst-std-brightness-050: hsl(240, 43%, 35%); /*  240  60  50 */
    --rtst-std-brightness-040: hsl(240, 54%, 26%); /*  240  70  40 */
    --rtst-std-brightness-030: hsl(240, 67%, 18%); /*  240  80  30 */
    --rtst-std-brightness-020: hsl(240, 82%, 11%); /*  240  90  20 */
    --rtst-std-brightness-010: hsl(240, 100%, 5%); /*  240 100  10 */
    --rtst-std-brightness-000: hsl(240, 0%, 0%); /*    240 100   0 */
    /* Desaturated Standard */
    --rtst-std-brightness-050-desaturated: hsl(240, 18%, 43%); /* 240  30  50 */
    --rtst-std-brightness-040-desaturated: hsl(240, 25%, 32%); /* 240  40  40 */
    --rtst-std-brightness-030-desaturated: hsl(240, 33%, 23%); /* 240  50  30 */
    /* Amber */
    --rtst-amber-100-080: hsl(45, 100%, 40%);
    --rtst-amber-100-100: hsl(45, 100%, 50%);
    --rtst-amber-080-100: hsl(45, 100%, 60%);
    /* Derived Values */
    --rtst-panel-title-text-color: var(--rtst-std-brightness-080);
    --rtst-panel-background: var(--rtst-std-brightness-030);
    --rtst-panel-border: var(--rtst-std-brightness-030-desaturated);
    --rtst-subpanel-background: var(--rtst-std-brightness-040);
    --rtst-subpanel-border: var(--rtst-std-brightness-060);
    --rtst-tertiary-background: var(--rtst-std-brightness-030);
    --rtst-tertiary-border: var(--rtst-std-brightness-040-desaturated);
    --rtst-text-color: var(--rtst-std-brightness-080);
    --rtst-text-color-xbright: var(--rtst-std-brightness-100);
    --rtst-text-color-bright: var(--rtst-std-brightness-090);
    --rtst-text-color-dim: var(--rtst-std-brightness-070);
    --rtst-text-color-dark: var(--rtst-std-brightness-060);
    --rtst-alert-darker: var(--rtst-amber-100-080);
    --rtst-alert-bright: var(--rtst-amber-100-100);
    --rtst-alert-pale: var(--rtst-amber-080-100);
}

div.pageHeading {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 16px;
    color: var(--rtst-panel-title-text-color);
}
