/* web/css/typography.css - Типографика CDEK */
:root {
    /* Шрифты CDEK */
    --cdek-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Начертания */
    --cdek-font-light: 300;
    --cdek-font-regular: 400;
    --cdek-font-medium: 500;
    --cdek-font-bold: 700;
    --cdek-font-black: 900;
}

/* Базовые настройки типографики */
body {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-regular); /* Roboto Regular */
    font-size: 1rem;
    line-height: 1.6;
    color: var(--cdek-black);
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-black); /* Roboto Black */
    line-height: 1.2;
    margin-bottom: 1rem;
    color: var(--cdek-green-dark);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

@media (min-width: 768px) {
    h1 { font-size: 3rem; }
    h2 { font-size: 2.5rem; }
    h3 { font-size: 2rem; }
}

/* Текст */
.lead {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-regular);
    font-size: 1.25rem;
    line-height: 1.5;
}

.text-light { font-weight: var(--cdek-font-light) !important; }
.text-regular { font-weight: var(--cdek-font-regular) !important; }
.text-medium { font-weight: var(--cdek-font-medium) !important; }
.text-bold { font-weight: var(--cdek-font-bold) !important; }
.text-black { font-weight: var(--cdek-font-black) !important; }

/* Курсив */
.text-italic { font-style: italic !important; }
.text-regular-italic { 
    font-weight: var(--cdek-font-regular);
    font-style: italic !important;
}
.text-medium-italic { 
    font-weight: var(--cdek-font-medium);
    font-style: italic !important;
}
.text-black-italic { 
    font-weight: var(--cdek-font-black);
    font-style: italic !important;
}

/* Навигация */
.navbar-cdek .navbar-brand,
.navbar-cdek .nav-link {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-medium); /* Roboto Medium */
}

/* Кнопки */
.btn-cdek-primary,
.btn-cdek-secondary {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-medium); /* Roboto Medium */
}

/* Карточки */
.card-cdek-title {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-black); /* Roboto Black */
}

.card-cdek-text {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-regular); /* Roboto Regular */
}

/* Формы */
.form-label {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-medium); /* Roboto Medium */
}

.form-control {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-regular); /* Roboto Regular */
}

/* Футер */
.footer-cdek {
    font-family: var(--cdek-font-family);
    font-weight: var(--cdek-font-regular); /* Roboto Regular */
}

.footer-cdek h5 {
    font-weight: var(--cdek-font-medium); /* Roboto Medium */
}