/**
 * Purbodix 2.0 — Typography System
 */

/* ─── Heading Defaults ────────────────────────────────────────────── */
h1 { font-size: var(--size-h1); }
h2 { font-size: var(--size-h2); }
h3 { font-size: var(--size-h3); }
h4 { font-size: var(--size-h4); }

/* ─── Utility Classes ─────────────────────────────────────────────── */
.text-xs   { font-size: var(--size-xs); }
.text-sm   { font-size: var(--size-sm); }
.text-body { font-size: var(--size-body); }
.text-lead { font-size: var(--size-lead); }
.text-h4   { font-size: var(--size-h4); }
.text-h3   { font-size: var(--size-h3); }
.text-h2   { font-size: var(--size-h2); }
.text-h1   { font-size: var(--size-h1); }
.text-hero { font-size: var(--size-hero); }

.text-bold   { font-weight: 700; }
.text-medium { font-weight: 600; }
.text-normal { font-weight: 400; }

.text-muted   { color: var(--color-muted); }
.text-brand   { color: var(--color-brand); }
.text-white   { color: white; }
.text-center  { text-align: center; }
.text-uppercase { text-transform: uppercase; letter-spacing: var(--letter-spacing-caps); }

.font-bengali    { font-family: var(--font-bengali); }
.font-english    { font-family: var(--font-english); }
.font-headline   { font-family: var(--font-headline-en); }
.font-headline-bn { font-family: var(--font-headline-bn); }

/* ─── Section Titles ──────────────────────────────────────────────── */
.section-title {
    font-family: var(--font-english);
    font-size: var(--size-h4);
    font-weight: 700;
    color: var(--color-black);
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-1);
    border-bottom: 2px solid var(--color-brand-pale);
}

/* ─── Line Clamp ──────────────────────────────────────────────────── */
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}