/* =========================================================
   Membership Core - Design tokens
   ========================================================= */

:root {
	--mc-primary: #3154d8;
	--mc-accent: #6b35c8;
	--mc-premium: #b8863b;
	--mc-premium-text: #ffffff;

	--mc-success: #137333;
	--mc-success-bg: #e6f4ea;
	--mc-success-border: #b7dfc3;

	--mc-warning: #8a5a00;
	--mc-warning-bg: #fff4d6;

	--mc-danger: #9b1c1c;
	--mc-danger-bg: #fde8e8;
	--mc-danger-border: #f4b8b8;

	--mc-text: #17171d;
	--mc-muted: #6b7280;
	--mc-subtle: #777777;
	--mc-surface: #ffffff;
	--mc-surface-soft: #f7f7fa;
	--mc-border: rgba(107, 53, 200, 0.22);
	--mc-border-strong: rgba(107, 53, 200, 0.42);
	--mc-divider: rgba(15, 15, 20, 0.08);

	--mc-radius-small: 8px;
	--mc-radius-medium: 12px;
	--mc-radius-large: 16px;
	--mc-shadow: 0 12px 32px rgba(15, 15, 20, 0.06);

	--mc-body-size: 16px;
	--mc-small-size: 14px;
	--mc-label-size: 12px;
	--mc-line-height: 1.6;
}

.mc-dashboard,
.mc-profile-editor,
.mc-auth,
.mc-notice {
	color: var(--mc-text);
	font-size: var(--mc-body-size);
	line-height: var(--mc-line-height);
}

.mc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 18px;
	border: 1px solid transparent;
	border-radius: var(--mc-radius-small);
	font-size: var(--mc-small-size);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.mc-button,
.mc-button:hover,
.mc-button:focus,
.mc-button:active {
	transform: none;
	transition: none;
	text-decoration: none;
}

.mc-button--primary,
.mc-button--primary:hover,
.mc-button--primary:focus,
.mc-button--primary:active {
	color: #ffffff;
	background: var(--mc-primary);
	border-color: var(--mc-primary);
}

.mc-button--secondary,
.mc-button--secondary:hover,
.mc-button--secondary:focus,
.mc-button--secondary:active {
	color: var(--mc-text);
	background: var(--mc-surface);
	border-color: var(--mc-border-strong);
}

.mc-button:focus-visible {
	outline: 2px solid var(--mc-accent);
	outline-offset: 2px;
}