/* Main entry point for CSS */

/* Import base and variables */
@import './variables.css';
@import './base.css';
@import './components.css';

/* Page-specific styles - import as needed */
/* Individual pages can import their specific styles */

/* Editor toolbar styles that were in the original style.css */
.editor-toolbar {
    background-color: var(--color-light);
    border-bottom: 1px solid #dee2e6;
    margin-bottom: var(--spacing-md);
}

.device-manager button {
    margin-right: var(--spacing-xs);
}

.device-manager button.active {
    background-color: var(--color-secondary);
    color: white;
}

.global-link-container {
    max-width: 600px;
    margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .editor-toolbar .col-md-3,
    .editor-toolbar .col-md-6 {
        margin-bottom: var(--spacing-sm);
    }
    
  
}