/* color.css */
:root {
--red:  #a52828;
--green:#4e8b5a;
--blue: #7b9fa3;
--gold: #c08040;
--grey: #888;
--dark: #432624;
--snow: #f3e7db;
--bg-red: #f7e6e6;
--bg-green:#e2f0e6;
--bg-blue:#e6f1f2;
--bg-gold:#fdf4e9;
--bg-grey:#f5f5f5;
--bg-dark:#e4dcda;
--bg-snow:#eee;
--b-red:  #e1bcbc;
--b-green:#b6d2be;
--b-blue: #c1d6d8;
--b-gold: #ebd4b8;
--b-grey: #ddd;
--b-dark: #b49a96;
--shadow-snow-1:rgb(255 255 255 /.1);
--shadow-snow-2:rgb(255 255 255 /.2);
--shadow-snow-3:rgb(255 255 255 /.8);
--shadow-dark-1:rgb(0 0 0 /.1);
--shadow-dark-2:rgb(0 0 0 /.2);
--shadow-dark-3:rgb(0 0 0 /.8);
}
.bg{background-color:var(--snow)}
.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:#f6c26b;color:#330}
.bg-grey {background-color:#ddd;color:#444}
.bg-dark {background-color:var(--dark);color:#fff}
.bg-snow {background-color:var(--snow);color:#222}
.bg-sand {background-color:#a97e66;color:#fff}
.b-red {color:var(--red); background-color:var(--bg-red); border:1px solid var(--b-red)}
.b-green{color:var(--green);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:#666;background-color:#f3e9dd;border:1px solid var(--b-grey)}
.b-dark{color:var(--dark);background-color:var(--bg-dark);border:1px solid var(--b-dark)}
.red {color:var(--red)}
.green{color:var(--green)}
.blue{color:var(--blue)}
.gold{color:var(--gold)}
.grey{color:var(--grey)}
.dark{color:var(--dark)}
.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-2{text-shadow:2px 2px 4px var(--shadow-snow-2)}
.shadow-snow-3{text-shadow:2px 2px 4px var(--shadow-snow-3)}
.box-shadow-dark-1{box-shadow:0 4px 8px var(--shadow-dark-1)}
.box-shadow-dark-2{box-shadow:0 4px 8px var(--shadow-dark-2)}
.box-shadow-snow-2{box-shadow:0 4px 8px var(--shadow-snow-2)}