/* Spacing Utilities */
.margin-sm {
    margin: var(--spacing-small);
}
.margin-md {
    margin: var(--spacing-medium);
}
.margin-lg {
    margin: var(--spacing-large);
}

/* Flexbox Utilities */
.flex {
    display: flex;
}
.flex-center {
    justify-content: center;
    align-items: center;
}

/* Text Utilities */
.text-center {
    text-align: center;
}
.text-bold {
    font-weight: bold;
}


/* Dividers */
.divider {
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, var(--primary-color), var(--accent-color));
    border-radius: 2px;
    margin: 2em 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}