/**
 * Vibroponic Space Platform – Stili frontend
 *
 * @package VibroponicSpace
 */

/* =========================================================
   Variabili CSS
   ========================================================= */
:root {
	--vsp-primary:       #1a3a5c;
	--vsp-primary-light: #2563a8;
	--vsp-accent:        #00c9a7;
	--vsp-text:          #1d2327;
	--vsp-text-muted:    #646970;
	--vsp-border:        #dde1e7;
	--vsp-bg-card:       #ffffff;
	--vsp-radius:        8px;
	--vsp-shadow:        0 2px 8px rgba(0, 0, 0, 0.08);
}

/* =========================================================
   Componenti base
   ========================================================= */
.vsp-container {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 1rem;
}

.vsp-card {
	background: var(--vsp-bg-card);
	border: 1px solid var(--vsp-border);
	border-radius: var(--vsp-radius);
	box-shadow: var(--vsp-shadow);
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}

.vsp-btn {
	display: inline-block;
	padding: 0.5rem 1.25rem;
	border-radius: var(--vsp-radius);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: background 0.2s ease, transform 0.1s ease;
}

.vsp-btn-primary {
	background: var(--vsp-primary-light);
	color: #ffffff;
}

.vsp-btn-primary:hover {
	background: var(--vsp-primary);
	color: #ffffff;
}

.vsp-btn-accent {
	background: var(--vsp-accent);
	color: var(--vsp-primary);
}

.vsp-btn-accent:hover {
	filter: brightness(0.9);
}

/* =========================================================
   Notifiche
   ========================================================= */
.vsp-notice {
	padding: 0.75rem 1rem;
	border-radius: var(--vsp-radius);
	margin-bottom: 1rem;
	border-left: 4px solid;
}

.vsp-notice-info    { background: #d1ecf1; border-color: #17a2b8; color: #0c5460; }
.vsp-notice-success { background: #d4edda; border-color: #28a745; color: #155724; }
.vsp-notice-warning { background: #fff3cd; border-color: #ffc107; color: #856404; }
.vsp-notice-error   { background: #f8d7da; border-color: #dc3545; color: #721c24; }

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 768px) {
	.vsp-container {
		padding: 0 0.75rem;
	}

	.vsp-card {
		padding: 1rem;
	}
}