/* Infinite Loom Website Styles
 * Main CSS file that imports all component styles
 */

/* Import component styles */
@import url('components/fonts.css');
@import url('components/base.css');
@import url('components/navigation.css');
@import url('components/banners.css');
@import url('components/footer.css');
@import url('components/store.css');
@import url('components/sections.css');
@import url('components/publishing.css');
@import url('components/about.css');
@import url('components/responsive.css');

/* Button Styles */
.btn {
    display: inline-block;
    padding: 12px 24px;
    margin: 10px 0;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid transparent;
}

.btn-primary {
    background: linear-gradient(135deg, #ff6b35, #ff8c42);
    color: #fff;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #ff8c42, #ff6b35);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.5);
    transform: translateY(-2px);
}

/* Any additional global styles can be added here */