/**
 * MIC Discord Role Manager — Frontend styles.
 *
 * Uses MakeItCount brand variables where available.
 */

:root {
	--mic-yellow: #FDD804;
	--mic-purple: #8C52FF;
	--mic-black: #000000;
	--mic-gray: #CDCFCF;
	--mic-white: #FFFFFF;
}

/* Connect / Unlink buttons */
.mic-discord-connect-wrap,
.mic-discord-unlink-wrap,
.mic-discord-switch-wrap {
	text-align: center;
	margin: 16px 0;
}

.mic-discord-btn {
	display: inline-block;
	padding: 12px 28px;
	border-radius: 6px;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	transition: opacity 0.2s ease, transform 0.1s ease;
	cursor: pointer;
}

.mic-discord-btn:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

.mic-discord-btn:active {
	transform: translateY(0);
}

.mic-discord-btn--connect {
	background: var(--mic-purple);
	color: var(--mic-white);
}

.mic-discord-btn--connect:hover {
	color: var(--mic-white);
}

.mic-discord-btn--unlink {
	background: #d63638;
	color: var(--mic-white);
}

.mic-discord-btn--unlink:hover {
	color: var(--mic-white);
}

/* Linked info */
.mic-discord-linked-info {
	margin-bottom: 12px;
	font-size: 14px;
	color: #555;
}

.mic-discord-linked-info strong {
	color: var(--mic-black);
}

/* Notices */
.mic-discord-notice {
	padding: 12px 16px;
	margin: 16px 0;
	border-radius: 4px;
	border-left: 4px solid;
}

.mic-discord-notice--success {
	background: #e0ffe0;
	border-left-color: #2ecc71;
	color: #1a5c2b;
}

.mic-discord-notice--unlinked {
	background: #ffe0e0;
	border-left-color: #e74c3c;
	color: #7a1a1a;
}

.mic-discord-notice--error {
	background: #fff3e0;
	border-left-color: #f39c12;
	color: #7a4a00;
}