/* Main Stylesheet - Blockforger Frontend */

/* Import CSS Modules */
@import url('css/variables.css');
@import url('css/base.css');
@import url('css/shared.css');
@import url('css/navigation.css');
@import url('css/controls-panel.css');
@import url('css/modals.css');
@import url('css/footer.css');
@import url('css/blockly-themes.css');
@import url('css/animations.css');

/* Additional Utility Classes */
.flex-row {
    display: flex;
    gap: var(--spacing-sm);
    align-items: flex-start;
}

.flex-column {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gap-sm {
    gap: var(--spacing-sm);
}

.gap-md {
    gap: var(--spacing-md);
}

.gap-lg {
    gap: var(--spacing-lg);
}

/* Display Utilities */
.hidden {
    display: none;
}

.visible {
    display: block !important;
}

.inline-flex {
    display: inline-flex;
}

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

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-muted {
    color: var(--color-text-muted);
}

.text-secondary {
    color: var(--color-text-secondary);
}

.text-primary {
    color: var(--color-text-primary);
}

/* Spacing Utilities */
.mt-sm { margin-top: var(--spacing-sm); }
.mt-md { margin-top: var(--spacing-md); }
.mt-lg { margin-top: var(--spacing-lg); }
.mb-sm { margin-bottom: var(--spacing-sm); }
.mb-md { margin-bottom: var(--spacing-md); }
.mb-lg { margin-bottom: var(--spacing-lg); }
.ml-sm { margin-left: var(--spacing-sm); }
.ml-md { margin-left: var(--spacing-md); }
.p-sm { padding: var(--spacing-sm); }
.p-md { padding: var(--spacing-md); }
.p-lg { padding: var(--spacing-lg); }