/**
 * #Color
 * eDANCE 全体は黒・白・グレー・シルバー。
 * ブランドアクセントは子テーマの body class で上書きする。
 */

:root {
	--black: #111111;
	--white: #ffffff;
	--gray-dark: #2a2a2a;
	--gray: #ccc;
	--gray-darker: #999999;
	--gray-lighter: #f5f5f5;
	--gray-subtle: #efefef;
	--silver: #c0c0c0;
	--red: #c50000;
	--text: var(--black);

	--color-bg: var(--black);
	--color-surface: var(--gray-dark);
	--color-text: var(--white);
	--color-muted: var(--silver);
	--color-accent: var(--silver);
	--color-accent-strong: var(--white);
	--link: var(--text);
}

.theme-edance-pro-lab {
	--prolab-gold: #e8c547;
	--prolab-ember: #e85d04;
	--prolab-bg: #0a0a0a;
	--prolab-text: #f5f5f5;
	--prolab-text-muted: #a3a3a3;
	--prolab-border: #2e2e2e;
	--neon-purple: #bf00ff;
	--neon-cyan: #00f5ff;
	--neon-pink: #ff2d78;
	--neon-yellow: #ffff00;
	--neon-grd: linear-gradient(68deg, #00f5ff 5.4%, #bf00ff 94.5%);
	--neon-news-grd: linear-gradient(77deg, #00f5ff 5.4%, #bf00ff 94.5%);
	--course-junior-from: #008e4e;
	--course-junior-to: #8aa200;
	--course-edance-from: #0d4089;
	--course-edance-to: #450155;
	--course-eperformance-from: #ff2d55;
	--course-eperformance-to: #9a027e;

	--color-bg: var(--prolab-bg);
	--color-surface: #111111;
	--color-text: var(--prolab-text);
	--color-muted: var(--prolab-text-muted);
	--color-accent: var(--prolab-gold);
	--color-accent-strong: var(--prolab-ember);
	/* --link: var(--prolab-gold); */
}

.theme-edance-open-class {
	--theme: #a8479e;
	--theme-dark: #a7006f;
	--campus-baba: #4a35ff;
	--campus-anime-dance: #0097f5;
	--prolab-bg: #0a0a0a;
	--prolab-text: #f5f5f5;
	--prolab-text-muted: #a3a3a3;
	--prolab-border: #2e2e2e;
	--neon-purple: #bf00ff;
	--neon-cyan: #00f5ff;
	--neon-pink: #ff2d78;
	--neon-yellow: #ffff00;
	--neon-grd: linear-gradient(68deg, #00f5ff 5.4%, #bf00ff 94.5%);
	--neon-news-grd: linear-gradient(77deg, #00f5ff 5.4%, #bf00ff 94.5%);

	--color-bg: var(--prolab-bg);
	--color-surface: #111111;
	--color-text: var(--prolab-text);
	--color-muted: var(--prolab-text-muted);
	--color-accent: var(--theme);
	--color-accent-strong: var(--theme-dark);
	--campus-prolab: #e8c547;
}

.theme-edance-hub {
	--prolab-gold: #e8c547;
	--prolab-ember: #e85d04;
	--openclass: #a8479e;
	--prolab-bg: #0a0a0a;
	--prolab-text: #f5f5f5;
	--prolab-text-muted: #a3a3a3;
	--prolab-border: #2e2e2e;
	--neon-purple: #bf00ff;
	--neon-cyan: #00f5ff;
	--neon-pink: #ff2d78;
	--neon-yellow: #ffff00;
	--neon-grd: linear-gradient(68deg, #00f5ff 5.4%, #bf00ff 94.5%);
	--neon-news-grd: linear-gradient(77deg, #00f5ff 5.4%, #bf00ff 94.5%);
	--campus-baba: #4a35ff;
	--campus-anime-dance: #0097f5;

	--color-bg: var(--prolab-bg);
	--color-surface: #111111;
	--color-text: var(--prolab-text);
	--color-muted: var(--prolab-text-muted);
	--color-accent: var(--prolab-gold);
	--color-accent-strong: var(--prolab-ember);
}