/* VIBE Store Manager — font e variabili di marca. Font inclusi nel plugin (SIL OFL 1.1), nessuna chiamata a servizi esterni. */

@font-face {
	font-family: "Vibe Syne";
	src: url("../fonts/syne-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Vibe Inter";
	src: url("../fonts/inter-var.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Vibe Mono";
	src: url("../fonts/jetbrains-mono-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
	--vsm-violet: #7355BF;
	--vsm-violet-700: #5E43A6;
	--vsm-violet-800: #4E378C;
	--vsm-violet-50: #F1EDFA;
	--vsm-yellow: #FAEF58;
	--vsm-yellow-soft: #FFFBD6;
	--vsm-red: #D45453;
	--vsm-ink: #16121F;
	--vsm-muted: #6B6680;
	--vsm-line: #E8E4F2;
	--vsm-line-soft: #F1EEF8;
	--vsm-bg: #F7F5FB;
	--vsm-side-bg: #1C103B;
	--vsm-side-raised: #322653;
	--vsm-side-deep: #2C1F4B;
	--vsm-side-line: #564A79;
	--vsm-side-text: #DCD5F1;
	--vsm-side-muted: #A69BCB;
	--vsm-side-w: 236px;
	--vsm-side-w-folded: 76px;
	--vsm-top-h: 64px;
	--vsm-font-display: "Vibe Syne", "Syne", system-ui, sans-serif;
	--vsm-font-body: "Vibe Inter", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--vsm-font-mono: "Vibe Mono", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

/* Marchio: "vibe" + STORE MANAGER */
.vsm-logo {
	display: inline-flex;
	align-items: flex-end;
	gap: 8px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}

.vsm-wordmark {
	display: block;
	height: 28px;
	width: auto;
	fill: currentColor;
}

.vsm-logo__product {
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding-bottom: 2px;
	color: var(--vsm-yellow);
	font-family: var(--vsm-font-mono);
	font-size: 10px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.vsm-icon {
	display: block;
	flex: none;
	width: 20px;
	height: 20px;
}