body {
    font-family: var(--font-sans);
    font-weight: 400;
    font-size: clamp(1rem, 0.98rem + 0.15vw, 1.0625rem);
    color: var(--text-primary);
    background: var(--surface-canvas);
    letter-spacing: 0;
    font-feature-settings: 'kern' 1, 'liga' 1;
}

h1, h2, h3, h4, h5, h6,
.display {
    font-family: var(--font-display);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    text-wrap: balance;
    font-variation-settings: 'opsz' 96, 'wdth' 100;
}

.display-1 {
    font-size: clamp(2.6rem, 5vw + 1rem, 5.5rem);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.035em;
}

.display-2 {
    font-size: clamp(2rem, 3vw + 1rem, 3.6rem);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -0.03em;
}

h1 { font-size: clamp(2rem, 2.4vw + 1rem, 3.2rem); font-weight: 800; letter-spacing: -0.03em; }
h2 { font-size: clamp(1.6rem, 1.4vw + 1rem, 2.3rem); }
h3 { font-size: clamp(1.25rem, 0.7vw + 1rem, 1.6rem); }
h4 { font-size: clamp(1.1rem, 0.4vw + 1rem, 1.3rem); }
h5 { font-size: 1.05rem; }
h6 { font-size: 1rem; }

p {
    color: var(--text-secondary);
    line-height: 1.65;
    text-wrap: pretty;
}

.lead {
    font-size: clamp(1.1rem, 0.35vw + 1rem, 1.3rem);
    color: var(--text-secondary);
    line-height: 1.55;
}

/* Yorliq — ko'k pill (bosh sahifa uslubi) */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.9rem;
    border-radius: var(--radius-pill);
    background: var(--kok-yumshoq);
    font-family: var(--font-sans);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--kok);
}

.eyebrow svg { width: 14px; height: 14px; }

/* Eski "gradient matn" — endi urg'u rangi (ko'k). */
.text-gradient,
.text-gradient-accent {
    color: var(--kok);
    background: none;
    -webkit-text-fill-color: currentColor;
}

.text-gradient-accent { color: var(--oltin-2); }

.text-muted { color: var(--text-tertiary); }
.text-soft { color: var(--text-secondary); }

small, .small {
    font-size: 0.875rem;
    color: var(--text-tertiary);
}

.mono {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}

strong, b { font-weight: 600; color: var(--text-primary); }