/* ============================================
   TYPOGRAFIE - Responzivní texty a nadpisy
   ============================================ */

/* --- ZÁKLADNÍ FONT --- */
body {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #2C2A3F;
}

/* --- NADPISY --- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #2C2A3F;
    margin-bottom: 1rem;
}

/* Desktop */
h1 { font-size: 2.5rem; }   /* 40px */
h2 { font-size: 2rem; }     /* 32px */
h3 { font-size: 1.75rem; }  /* 28px */
h4 { font-size: 1.5rem; }   /* 24px */
h5 { font-size: 1.25rem; }  /* 20px */
h6 { font-size: 1rem; }     /* 16px */

/* Tablet */
@media (max-width: 992px) {
    h1 { font-size: 2rem; }     /* 32px */
    h2 { font-size: 1.75rem; }  /* 28px */
    h3 { font-size: 1.5rem; }   /* 24px */
    h4 { font-size: 1.25rem; }  /* 20px */
    h5 { font-size: 1.125rem; } /* 18px */
    h6 { font-size: 1rem; }     /* 16px */
}

/* Mobil */
@media (max-width: 768px) {
    h1 { font-size: 1.75rem; }  /* 28px */
    h2 { font-size: 1.5rem; }   /* 24px */
    h3 { font-size: 1.25rem; }  /* 20px */
    h4 { font-size: 1.125rem; } /* 18px */
    h5 { font-size: 1rem; }     /* 16px */
    h6 { font-size: 0.875rem; } /* 14px */
    
    body {
        font-size: 14px;
    }
}

/* --- CONTAINER QUERY pro karty --- */
/* Použití: Přidej container-type: inline-size na parent */
.container-query-text {
    font-size: 3cqw;
    line-height: 1.4;
}

.container-query-title {
    font-size: 5cqw;
    font-weight: 700;
    line-height: 1.2;
}

.container-query-small {
    font-size: 2.5cqw;
    line-height: 1.3;
}

/* --- UTILITY TŘÍDY --- */
.text-muted {
    color: #6c757d !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.small {
    font-size: 0.875rem;
}

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}