/* ============================================================
   WRFL unified website design colors
   CSS variables for wrfl-website.css and wrfl-dj-website.css
   ============================================================ */

:root {
	/* light mode */
	--wrfl-body: #5c80c0;
	--wrfl-page: #fff;
	--wrfl-link: #1e4b75;
	--wrfl-text-dark: #000;
	--wrfl-heading: #111;
	--wrfl-text: #222;
	--wrfl-post: #333;
	--wrfl-text-light: #444;
	--wrfl-general: #555;
	--wrfl-gray-dark: #666;
	--wrfl-gray: #888;
	--wrfl-gray-light: #999;
	--wrfl-silver: #bbb;
	--wrfl-silver-light: #ccc;
	--wrfl-border-dark: #ddd;
	--wrfl-border: #e6e6e6;
	--wrfl-border-light: #eee;
	--wrfl-cell-dark: #f2f2f2;
	--wrfl-cell: #f7f7f7;
	--wrfl-cell-light: #fafafa;
	--wrfl-editor: #fdfdfd;
	--wrfl-menu-invert: #080808;
	--wrfl-social-border: #235;
	--wrfl-nav-border: #789;
	--wrfl-footer-border: #9ac;
	--wrfl-red-dark: #cb210e;
	--wrfl-red: #ec3b4e;
	--wrfl-orange: #ef7428;
	--wrfl-yellow: #dd9a02;
	--wrfl-yellow-light: #fbc031;
	--wrfl-yellow-green: #80a430;
	--wrfl-green: #44a472;
	--wrfl-green-light: #44cc84;
	--wrfl-blue-green: #019791;
	--wrfl-blue: #038ee3;
	--wrfl-blue-vivid: #3344dd;
	--wrfl-purple: #9d54d4;
	--wrfl-purple-vivid: #943ce7;
	--wrfl-pink: #e24292;
	--wrfl-show-1-bg: #f6f9f8;
	--wrfl-show-2-bg: #fbf7fa;
	--wrfl-show-3-bg: #f6f8fc;
	--wrfl-show-4-bg: #faf6fc;
	--wrfl-pb-heavy: #86c4a4;
	--wrfl-pb-heavy-bg: #bde7d6;
	--wrfl-pb-light: #93afda;
	--wrfl-pb-light-bg: #cadcf7;
	--wrfl-pb-other: #b897c8;
	--wrfl-pb-other-bg: #e6d7f5;
	--wrfl-pb-notpb: #b4b4b4;
	--wrfl-pb-notpb-bg: #d9d9d9;
	--wrfl-form-blue: #cddfef;
	--wrfl-form-pink: #edb9d0;
	--wrfl-error: #dd222d;
	--wrfl-emergency: #e66;
	--wrfl-warning: #f9e3e3;
	--wrfl-instagram: #e37;
	--wrfl-spotify: #0a4;
	/* dark mode */
	--dark-link: #a1c1e7;
	--dark-text: #b0bbbf;
	--dark-silver-blue: #9baac2;
	--dark-silver: #90999f;
	--dark-gray: #50555f;
	--dark-border-popup: #303a4f;
	--dark-border-vivid: #23314b;
	--dark-border: #1b263a;
	--dark-border-invert: #d0dbef;
	--dark-cell-vivid: #111721;
	--dark-cell: #0e1219;
	--dark-cell-invert: #ecf0f9;
	--dark-pb-heavy: #1b5a3a;
	--dark-pb-heavy-bg: #012c1b;
	--dark-pb-light: #3a5681;
	--dark-pb-light-bg: #152642;
	--dark-pb-other: #745384;
	--dark-pb-other-bg: #2c1d3b;
	--dark-pb-notpb: #4b4b4b;
	/* translucent */
	--glass-light-75: rgba(255,255,255,0.75);
	--glass-light-70: rgba(255,255,255,0.7);
	--glass-light-60: rgba(255,255,255,0.6);
	--glass-light-50: rgba(255,255,255,0.5);
	--glass-light-40: rgba(255,255,255,0.4);
	--glass-light-25: rgba(255,255,255,0.25);
	--glass-light-15: rgba(255,255,255,0.15);
	--glass-light-5: rgba(255,255,255,0.05);
	--glass-red-50: rgba(255,0,0,0.5);
	--glass-gray-40: rgba(128,128,128,0.4);
	--glass-gray-25: rgba(128,128,128,0.25);
	--glass-gray-12: rgba(128,128,128,0.12);
	--glass-blue-75: rgba(30,75,117,0.75);
	--glass-blue-25: rgba(30,75,117,0.25);
	--glass-slate-75: rgba(20,40,65,0.75);
	--glass-slate-25: rgba(20,40,65,0.25);
	--glass-dark-90: rgba(0,0,0,0.9);
	--glass-dark-80: rgba(0,0,0,0.8);
	--glass-dark-75: rgba(0,0,0,0.75);
	--glass-dark-70: rgba(0,0,0,0.7);
	--glass-dark-60: rgba(0,0,0,0.6);
	--glass-dark-50: rgba(0,0,0,0.5);
	--glass-dark-40: rgba(0,0,0,0.4);
	--glass-dark-25: rgba(0,0,0,0.25);
	--glass-dark-12: rgba(0,0,0,0.12);
	--glass-dark-5: rgba(0,0,0,0.05);
	--glass-transparent: rgba(0,0,0,0);
}