/**
 * FlexiGuard AI - Common Widget Styles
 * Version: 1.0.0
 */

/* CSS Variables - FlexiGuard AI Brand Colors */
:root {
	--flexiguard-primary: #4A90E2;    /* Primary Blue */
	--flexiguard-secondary: #50E3C2;  /* Accent Green */
	--flexiguard-dark: #2C3E50;       /* Dark */
	--flexiguard-light: #ECF0F1;      /* Light */
	--flexiguard-accent: #E74C3C;     /* Red Accent */
	--flexiguard-grey: #7F8C8D;       /* Grey */
	--flexiguard-success: #27AE60;    /* Success Green */
	--flexiguard-warning: #F39C12;    /* Warning Orange */
	--flexiguard-info: #3498DB;       /* Info Blue */
}

/* Common Typography */
.flexiguard-widget {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Common Transitions */
.flexiguard-transition {
	transition: all 0.3s ease;
}

/* Common Shadows */
.flexiguard-shadow-sm {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.flexiguard-shadow {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.flexiguard-shadow-lg {
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Responsive Utilities */
@media (max-width: 1024px) {
	.flexiguard-hide-tablet {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.flexiguard-hide-mobile {
		display: none !important;
	}
}

/* Common Animations */
@keyframes flexiguard-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes flexiguard-slideUp {
	from {
		transform: translateY(20px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes flexiguard-pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
}