/* CSS Variables - Optiveum Theme */
:root {
	/* Colors */
	--primary-violet-dark: #2b0548;
	--primary-violet-light: #764ba2;
	--primary-violet-light-2: #764ba2ed;
	--font-color-primary: #2b0548;
	--white-primary: #fefefe;
	--service-button-hover-text: #8a38f5;
	--breadcrumbs-text: rgba(35, 72, 6, 1);
	--grey-primary: rgba(239, 236, 241, 1);
	--contact-form-placeholder-color: rgba(154, 154, 154, 0.69);
	--case-study-card-border: rgba(138, 56, 245, 1);
	--case-study-header-row-text: rgba(30, 30, 30, 0.24);
	--mobile-menu-background: #764ba229;

	/* Typography */
	--font-family-primary: 'Montserrat';
	--font-family-secondary: 'Outfit';

	/* Gradients */
	--hero-gradient: linear-gradient(357.41deg, rgba(43, 5, 72, 0) -89.33%, rgba(43, 5, 72, 0.7) 97.91%);
	--light-to-dark-violet-gradient: linear-gradient(90deg, #8a38f5 0%, #2b0548 100%);
	--dark-to-light-violet-gradient: linear-gradient(90deg, #2b0548 0%, #680cae 100%);
	--dark-violet-gradient: linear-gradient(89.69deg, #2b0548 23.88%, #0a0010 99.44%);
	--footer-bg-gradient: radial-gradient(191.59% 191.59% at 42.81% 62.56%, #0a0010 0%, #270140 38.94%, #480276 100%);
	--service-hover-gradient: radial-gradient(59.37% 59.46% at 50% 54.73%, #2b0548 4.54%, #0a0010 97.59%);
	--cta-button-hover-gradient: linear-gradient(90deg, #2b0548 0%, #8a38f5 100%);
	--technologies-heading-gradient: linear-gradient(90deg, #2b0548 0%, #680cae 100%);
	--diamond-gradient: radial-gradient(95.03% 95.03% at 51.54% 50.06%, #0a0010 0%, #2b0548 52.82%, #680cae 100%);

	/* Bootstrap Breakpoints */
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--breakpoint-xxl: 1400px;

	/* Container */
	--max-width-container: 1600px;

	/* Spacing */
	--spacing-xs: 0.25rem;
	--spacing-sm: 0.5rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2rem;
	--spacing-xxl: 3rem;

	/* Border Radius */
	--border-radius-sm: 0.25rem;
	--border-radius-md: 0.5rem;
	--border-radius-lg: 0.75rem;
	--border-radius-xl: 1rem;

	/* Shadows */
	--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
	--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
	--shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);
	--shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.25);
}