/* 1. Базовые стили и переменные */
@import url('main.css');

/* 2. Типографика */
@import url('typography.css');

/* 3. Формы и элементы ввода */
@import url('../forms/buttons.css');
@import url('../forms/forms.css');
@import url('../forms/checkboxes.css');

/* 4. Компоненты страниц */
@import url('../pages/cards.css');
@import url('../pages/components.css');

/* 5. Навигация */
@import url('../catalog/navigation.css');

/* 6. Утилиты */
@import url('../content/utilities.css');

/* 7. Главный файл ARGO (импортирует все остальные) */
@import url('../content/argo.css');

/* Дополнительные стили шаблона */
.template-wrapper {
    font-family: 'Open Sans', Arial, sans-serif;
    color: var(--argo-text);
    line-height: 1.6;
}

.template-header {
    background: white;
    border-bottom: 1px solid var(--argo-border);
    padding: 1rem 0;
}

.template-main {
    background: var(--argo-bg);
    min-height: calc(100vh - 200px);
    padding: 2rem 0;
}

.template-footer {
    background: var(--argo-primary);
    color: white;
    padding: 2rem 0;
    margin-top: auto;
}

/* Адаптивность шаблона */
@media (max-width: 768px) {
    .template-main {
        padding: 1rem 0;
    }
    
    .template-footer {
        padding: 1rem 0;
    }
}