:root {
    --wwe-background: url(/designs/01/img/background-bw.png);
	--wwe-subback: url(/designs/01/img/subbackground-bw.png);
	--wwr-image-blend: darken;
	
    --wwr-main: #090909;
    --wwr-mid: #808080; 
    --wwr-border: #1c1c1c;
    --wwr-acc: #265943;
	 --wwr-accback: #0b3423e0;
	--wwr-accimg: #165434;
	--wwr-acc2: #a22f2a; 
    --wwr-mainback: #090909f7; 
	--wwr-acctitle: #a22f2a; 
    --wwr-post: #e1e1e1;
	--wwr-quote-overlay: linear-gradient(to right, rgba(0, 0, 0, .82), rgba(0, 0, 0, .45));
	
	--wwr-title: 'Allegra Display';
    --wwr-pretitle: 'Bebas Neue';
    --wwr-txt: 'Fira Sans';
	--wwr-asgardian: 'Runa Sans';
	
	--wwr-app: #4c4c4c;
	--wwr-admin: #3a4c45;
	--wwr-space: #4b8ac9;
    --wwr-power: #8b4eb3;
    --wwr-mind: #d5b64c;
    --wwr-time: #4d8c65;
    --wwr-reality: #a83d43;
    --wwr-soul: #c8753d;
	
--wwr-stat-chart-1: #2b2c54;
--wwr-stat-chart-2: #38542b;
--wwr-stat-chart-3: #544a2b;
--wwr-stat-chart-4: #612d4a;

--wwr-stat-chart-text: #b5b5b5;
}

/* ========================================
   WWR — LIGHT MODE
   ======================================== */

:root[data-mode="light"] {
	--wwr-image-blend: screen;

    /* BASE COLORS */
    --wwr-main: #f1f2ef;
    --wwr-mainback: #f1f2efeb;
    --wwr-mid: #6d7770;
    --wwr-border: #c7cbc6;
    --wwr-post: #202622;
	--wwr-quote-overlay: linear-gradient(to right, rgba(241, 242, 239, .92), rgba(241, 242, 239, .55));

    /* DEFAULT GREEN ACCENT */
    --wwr-acc: #4c9971;
    --wwr-accback: #5fa280db;
    --wwr-accimg: #5d997a;
    --wwr-acc2: #da8e8b;
	--wwr-acctitle: #a22f2a; 

    /* GROUP COLORS */
    --wwr-app: #5b5b5b;
    --wwr-admin: #436a53;

    /* INFINITY STONES */
    --wwr-space: #3675a5;
    --wwr-power: #854ba3;
    --wwr-mind: #7d650e;
    --wwr-time: #347654;
    --wwr-reality: #9a3945;
    --wwr-soul: #92532e;
}

:root[data-accent="red"] {
    --wwr-acc: #5d1e1e;
    --wwr-accback: #340b0be0;
    --wwr-accimg: #5d1b1b;
    --wwr-acc2: #1f4736 ;
}

:root[data-mode="light"][data-accent="red"] {
--wwr-acc: #ba4b4b;
  --wwr-accback: #ba7979e0;
  --wwr-accimg: #da8585;
  --wwr-acc2: #62a488;
}

:root[data-accent="purple"] {
--wwr-acc2: #a22f2a;
  --wwr-accback: #271b50e0;
  --wwr-accimg: #261f59;
  --wwr-acc: #4f36a9;
}

:root[data-mode="light"][data-accent="purple"] {
--wwr-acc: #715fb6;
  --wwr-accback: #8874cbe0;
  --wwr-accimg: #726ba6;
  --wwr-acc2: #c5ad89;
	--wwr-acctitle: #f4f4f4;
}

:root[data-accent="yellow"] {
--wwr-acc: #9c8428;
  --wwr-accback: #8f7924d4;
  --wwr-accimg: #4e431a;
  --wwr-acc2: #3b365f;
	--wwr-acctitle: #34205f;
}

:root[data-mode="light"][data-accent="yellow"] {
--wwr-acc: #bc9810;
  --wwr-accback: #d2bc6ad4;
  --wwr-accimg: #baa96a;
  --wwr-acc2: #9790c5;
}

:root[data-accent="orange"] {
--wwr-acc: #9e3c1e;
  --wwr-accback: #7d390fd4;
  --wwr-accimg: #63220e;
  --wwr-acc2: #223341;
--wwr-acctitle: #131e27;
}

:root[data-mode="light"][data-accent="orange"] {
--wwr-acc: #c2834d;
  --wwr-accback: #e99e5dd4;
  --wwr-accimg: #c78b57;
  --wwr-acc2: #beb68b;
  --wwr-acctitle: #a22f2a;
}

:root[data-accent="pink"] {
--wwr-acc: #9e3d82;
  --wwr-accback: #70285bd4;
  --wwr-accimg: #88266c;
  --wwr-acc2: #7d4d1a;
	--wwr-acctitle: #c27a2d;
}

:root[data-mode="light"][data-accent="pink"] {
--wwr-acc: #cf72b5;
  --wwr-accback: #dc76bfd4;
  --wwr-accimg: #d283bb;
  --wwr-acc2: #d6b18a;
  --wwr-acctitle: #fbbe7d;
}