/* Gradient Color Classes for SVG Elements */

/* Primary gradient colors for hero section */
.gradient-stop-primary-start {
    stop-color: #e1e6f4;
    stop-opacity: 1;
}

.gradient-stop-primary-end {
    stop-color: #c4cde2;
    stop-opacity: 1;
}

/* Dynamic gradient colors using CSS variables */
.gradient-stop-dynamic-start {
    stop-color: var(--primary-color, #405de6);
    stop-opacity: 1;
}

.gradient-stop-dynamic-end {
    stop-color: var(--primary-dark, #3b57d5);
    stop-opacity: 1;
}

/* Secondary gradient colors for features section */
.gradient-stop-secondary-start {
    stop-color: #ebf0f6;
    stop-opacity: 1;
}

.gradient-stop-secondary-end {
    stop-color: #e1e6f0;
    stop-opacity: 1;
}

/* Utility classes for display control */
.hidden-element {
    display: none;
}

.visible-element {
    display: inline;
}

/* Additional utility classes for common inline styles */
.opacity-full {
    opacity: 1;
}

.opacity-none {
    opacity: 0;
}