/* color.css */
:root {
--red:  #ff3042;
--green:#46b54a;
--blue: #0877bd;
--gold: #ffc000;
--grey: #888;
--dark: #000;
--navy: #2db4db;
--snow: #fff;
--bg-red: #f2dede;
--bg-green:#91d050;
--bg-blue:#d0edff;
--bg-gold:#fcf8e3;
--bg-grey:#f5f5f5;
--bg-dark:#aaa;
--bg-navy:#fff;/* strange but this required by cja */
--bg-snow:#eee;
--b-red:  #eed3d7;
--b-green:#82bb48;
--b-blue: #bbd5e5;
--b-gold: #fbf7e2;
--b-grey: #ddd;
--b-dark: #666;
--b-navy: #0877bd;
--shadow-snow-1:rgba(255,255,255,.1);
--shadow-snow-2:rgba(255,255,255,.2);
--shadow-snow-3:rgba(255,255,255,.8);
--shadow-dark-1:rgba(0,0,0,.1);
--shadow-dark-2:rgba(0,0,0,.2);
--shadow-dark-3:rgba(0,0,0,.8);
}
.bg{background-color:#eee}
.bg-red  {background-color:var(--red); color:#fff}
.bg-green{background-color:var(--green);color:#fff}
.bg-blue {background-color:var(--blue);color:#fff}
.bg-gold {background-color:var(--gold);color:#fff}
.bg-grey {background-color:#ddd;color:#444}
.bg-dark {background-color:var(--dark);color:#fff}
.bg-navy {background-color:var(--navy);color:#fff}
.bg-snow {background-color:var(--snow);color:#222}
.b-red {color:var(--red); background-color:var(--bg-red); border:1px solid var(--b-red)}
.b-green{color:#fff;     background-color:var(--bg-green);border:1px solid var(--b-green)}
.b-blue{color:var(--blue);background-color:var(--bg-blue);border:1px solid var(--b-blue)}
.b-gold{color:var(--gold);background-color:var(--bg-gold);border:1px solid var(--b-gold)}
.b-grey{color:var(--grey);background-color:var(--bg-grey);border:1px solid var(--b-grey)}
.b-dark{color:var(--dark);background-color:var(--bg-dark);border:1px solid var(--b-dark)}
.b-navy{color:var(--blue);background-color:var(--bg-navy);border:1px solid var(--b-navy)}
.red {color:var(--red)}
.green{color:var(--green)}
.blue{color:var(--blue)}
.gold{color:var(--gold)}
.grey{color:var(--grey)}
.dark{color:var(--dark)}
.navy{color:var(--navy)}
.snow{color:var(--snow)}
.shadow-dark-1{text-shadow:2px 2px 4px var(--shadow-dark-1)}
.shadow-dark-2{text-shadow:2px 2px 4px var(--shadow-dark-2)}
.shadow-dark-3{text-shadow:2px 2px 4px var(--shadow-dark-3)}
.shadow-snow-1{text-shadow:2px 2px 4px var(--shadow-snow-1)}
.shadow-snow-1{text-shadow:2px 2px 4px var(--shadow-snow-2)}
.shadow-snow-1{text-shadow:2px 2px 4px var(--shadow-snow-3)}
.box-shadow-snow-2{box-shadow:0 4px 8px var(--shadow-snow-2)}