/* ==================================================
   Default theme variables
================================================== */

:root {}

/* ==================================================
   Theme: Light (with Gold accents)
================================================== */

body.theme-light {
	--bg-1: #F7F6F2;		/* body */
	--bg-2: #F0EFEA;		/* header, footer */
	--bg-3: #E6E3DB;		/* aside */
	--bg-4: #FFFFFF;		/* dropdown, modal, tooltip */

	--text-1: #1A1A24;		/* body text */
	--text-2: #55556A;
	--text-3: #9999AA;
	--text-4: #CCCCDD;

	--accent-1: #8B6914;
	--accent-2: #6B4F0F;

	--text-muted:  var(--text-2);
	--accent-dim:  rgba(139, 105, 20, 0.10);
	--gold-glow:   rgba(139, 105, 20, 0.20);

	--border-1: #DDDDD5;
	--border-2: #C8C8BE;

	--bg-card-1:    var(--bg-3);
	--bg-card-2:    var(--bg-4);
	--bg-input-1:   var(--bg-2);
	--bg-overlay-1: rgba(0, 0, 0, 0.4);
}

/* ==================================================
   Theme: Dark (with Gold accents)
================================================== */

body.theme-dark {
	--bg-1: #0A0A0F;		/* body */
	--bg-2: #111118;		/* header, footer */
	--bg-3: #1A1A24;		/* aside */
	--bg-4: #242430;		/* dropdown, modal, tooltip */

	--text-1: #E8E8F0;		/* body text */
	--text-2: #9999AA;
	--text-3: #55556A;
	--text-4: #333345;

	--accent-1: #C8A96E;
	--accent-2: #E8C98E;

	--text-muted:  var(--text-2);
	--accent-dim:  rgba(200, 169, 110, 0.12);
	--gold-glow:   rgba(200, 169, 110, 0.25);

	--border-1: #1F1F2E;
	--border-2: #2A2A3A;

	--bg-card-1:    var(--bg-3);
	--bg-card-2:    var(--bg-4);
	--bg-input-1:   var(--bg-2);
	--bg-overlay-1: rgba(0, 0, 0, 0.6);
}

/* ==================================================
   Theme: Ember
================================================== */

body.theme-ember {
	--bg-1: #0A0806;		/* body */
	--bg-2: #110E0A;		/* header, footer */
	--bg-3: #181310;		/* aside */
	--bg-4: #211A14;		/* dropdown, modal, tooltip */

	--text-1: #E8D9BC;		/* body text */
	--text-2: #8A7560;
	--text-3: #5A4A38;
	--text-4: #3A2E22;

	--accent-1: #C8891A;
	--accent-2: #E8A830;

	--text-muted:  var(--text-2);
	--accent-dim:  rgba(200, 137, 26, 0.15);
	--gold-glow:   rgba(200, 137, 26, 0.25);

	--border-1: #3A2E22;
	--border-2: #5A4530;

	--bg-card-1:    var(--bg-3);
	--bg-card-2:    var(--bg-4);
	--bg-input-1:   var(--bg-2);
	--bg-overlay-1: rgba(0, 0, 0, 0.65);
}

/* ==================================================
   Theme: Gold
================================================== */

body.theme-gold {
	--bg-1: #080808;		/* body */
	--bg-2: #0F0F0F;		/* header, footer */
	--bg-3: #141414;		/* aside */
	--bg-4: #1C1C1C;		/* dropdown, modal, tooltip */

	--text-1: #F0E8CC;		/* body text */
	--text-2: #8A8060;
	--text-3: #504A38;
	--text-4: #302C20;

	--accent-1: #D4AF37;
	--accent-2: #F0CC55;

	--text-muted:  var(--text-2);
	--accent-dim:  rgba(212, 175, 55, 0.12);
	--gold-glow:   rgba(212, 175, 55, 0.28);

	--border-1: #2A2A1A;
	--border-2: #3A3A2A;

	--bg-card-1:    var(--bg-3);
	--bg-card-2:    var(--bg-4);
	--bg-input-1:   var(--bg-2);
	--bg-overlay-1: rgba(0, 0, 0, 0.7);

}

/* ==================================================
   Theme: Blood
================================================== */

body.theme-blood {
	--bg-1: #08060A;		/* body */
	--bg-2: #0F0A10;		/* header, footer */
	--bg-3: #140D15;		/* aside */
	--bg-4: #1C1220;		/* dropdown, modal, tooltip */

	--text-1: #EDD8D8;		/* body text */
	--text-2: #8A6060;
	--text-3: #553838;
	--text-4: #331E1E;

	--accent-1: #CC3030;
	--accent-2: #E04040;

	--text-muted:  var(--text-2);
	--accent-dim:  rgba(180, 40, 40, 0.12);
    --gold-glow:   rgba(180, 40, 40, 0.25);

	--border-1: #2A1A2A;
	--border-2: #3A2030;

	--bg-card-1:    var(--bg-3);
	--bg-card-2:    var(--bg-4);
	--bg-input-1:   var(--bg-2);
	--bg-overlay-1: rgba(0, 0, 0, 0.7);
}

/* ==================================================
   Theme: Ice
================================================== */

body.theme-ice {
	--bg-1: #06090F;		/* body */
	--bg-2: #080E18;		/* header, footer */
	--bg-3: #0C1220;		/* aside */
	--bg-4: #111A2C;		/* dropdown, modal, tooltip */

	--text-1: #D0E8F5;		/* body text */
	--text-2: #6090A8;
	--text-3: #3A5A70;
	--text-4: #1A3044;

	--accent-1: #4A8FA8;
	--accent-2: #6AB8D8;

	--text-muted:  var(--text-2);
	--accent-dim:  rgba(74, 143, 168, 0.12);
    --gold-glow:   rgba(74, 143, 168, 0.20);

	--border-1: #1A2A3A;
	--border-2: #2A3A4A;

	--bg-card-1:    var(--bg-3);
	--bg-card-2:    var(--bg-4);
	--bg-input-1:   var(--bg-2);
	--bg-overlay-1: rgba(0, 0, 0, 0.65);
}


/* ==================================================
   Theme: Alpha (Dark with Gold accents)
================================================== */

body.theme-dark.alpha {

}