:root{
	--white: #ffffff; --white-03: rgba(0, 0, 0, 0.03);
	--white-05: rgba(0, 0, 0, 0.05);
	--white-10: rgba(0, 0, 0, 0.1);
	--white-15: rgba(0, 0, 0, 0.15);
	--white-25: rgba(0, 0, 0, 0.25);
	--white-50: rgba(0, 0, 0, 0.50);
	--bg-color: #eeeeee;
	--bg-color-dark: #040d18;
	--bg-color-darker: #02080e;
	--bg-color-light: rgba(0, 0, 0, 0.5);
	--bg-color-gray: #465566;
	--bg-blue: #24334c;
	--bg-blue-light: #364a6b;
	--bg-gray: #222d3e;

	--orange: #6869e7;
	--orange-hover: #fb683d;
	--orange-dark: #fd761d;
	--blue: #2b81de;
	--blue-hover: #0058a5;
	--blue-text: #82beff;
	--red: #ff6541;
	--red-dark: #bd3d15;
	--green: #16e21f;
	--yellow: #e2ca16;
	--blue-light: #ffffff;
	--blue-hover-light: #385d7d;
	--blue-white: #a0c3e9;
	--boxedlight: BoxedLight;
	--boxedsemibold: BoxedSemibold;
	--boxedbold: BoxedBold;
	--myriadbold: MyriadproBold;

	--gold: #ffb847;
	--gold-light: #ffdba1;
	--gold-dark: #566beb;
 }
.light-theme{
	--white: #000;
	--white-05: rgba(0, 0, 0, 0.05);
	--white-10: rgba(0, 0, 0, 0.1);
	--white-15: rgba(0, 0, 0, 0.15);
	--white-25: rgba(0, 0, 0, 0.5);
	--white-50: rgba(0, 0, 0, 0.75);
	--bg-color: #fff;
	--bg-color-dark: #fff;
	--bg-color-darker: #eef0f1;
	--bg-color-light: #fff;
	--bg-blue: rgba(0, 0, 0, 0.1);
	--bg-blue-light: #fff;
	--bg-color-light: #fff;
	--bg-gray: #fff;
 }

.color-gold{ color: var( --gold ) !important; }
.color-gold-l{ color: var( --gold-light ) !important; }
.color-gold-d{ color: var( --gold-dark ) !important; }

.text-gold{ color: var( --gold ) !important; }
.text-gold-l{ color: var( --black ) !important; }
.text-gold-d{ color: var( --gold-dark ) !important; }

.btn-gold{ border: none; position: relative; z-index: 1; overflow: hidden; border-radius: 5px; color: #fff; font-weight: bold; background-color: var( --gold-dark ) !important; }
.btn-gold:hover{ background-color: var( --gold ) !important; }

.btn-gold-light{ border: none; position: relative; z-index: 1; overflow: hidden; border-radius: 5px; color: #fff; background-color: var( --gold ) !important; }
.btn-gold-light:hover{ background-color: var( --gold-dark ) !important; }

.btn-blue-light{border: none;position: relative;z-index: 1;overflow: hidden;border-radius: 5px;color: #fff;background-color: var( --blue-light ) !important;margin-left: 5px;}
.btn-blue-light:hover{ background-color: var( --blue-hover-light ) !important; }