/* Modern Design Styles - Mobile First */

/* Import all CSS files */
@import url('base.css');
@import url('components.css');
@import url('layout.css');
@import url('forms.css');
@import url('utilities.css');
@import url('responsive.css');
@import url('auth.css');
@import url('gradients.css');
@import url('home.css');

/* Custom Variables */
:root {
    --primary: #0d6efd;
    --primary-dark: #0a58ca;
    --secondary: #6c757d;
    --success: #198754;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #0dcaf0;
    --light: #f8f9fa;
    --dark: #212529;
    --neutral-50: #f8f9fa;
    --neutral-100: #f1f3f5;
    --neutral-200: #e9ecef;
    --neutral-300: #dee2e6;
    --neutral-400: #ced4da;
    --neutral-500: #adb5bd;
    --neutral-600: #6c757d;
    --neutral-700: #495057;
    --neutral-800: #343a40;
    --neutral-900: #212529;
    --border-radius: 0.5rem;
    --box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    --transition: all 0.3s ease;
}

/* Custom Styles that don't fit in other files */
.is-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 1rem;
}

.is-section {
    padding: 4rem 0;
}

.is-section-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
}

.is-section-subtitle {
    font-size: 1.25rem;
    color: var(--neutral-600);
    margin-bottom: 3rem;
    text-align: center;
}

/* Custom Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.is-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.is-slide-up {
    animation: slideUp 0.5s ease-in-out;
}

.tox-promotion-link {
    display: none !important;
}