/* =============================================================================
   TYPOGRAPHY PRIMITIVES
   Переиспользуемые классы для текстовых паттернов, встречающихся в 3+ местах.
   Использует токены из /css/filament/tokens.css.
   ============================================================================= */

/* --- Kicker ---
   Встречается в: PSR result (.psr-kicker), chef-items-table (.psr-kicker),
   register (.kicker), office-entry (.office-kicker), registration-pending (.kicker)
   ---------------------------------------------------------------- */

.text-kicker {
    margin: 0;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-widest);
    text-transform: uppercase;
    color: var(--color-brand-buyer);
}

/* --- Page title --- */

.text-page-title {
    margin: 0;
    color: var(--color-text-default);
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-snug);
    letter-spacing: var(--letter-spacing-tight);
}

/* --- Section title --- */

.text-section-title {
    margin: 0;
    color: var(--color-text-default);
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
}

/* --- Card title --- */

.text-card-title {
    margin: 0;
    color: var(--color-text-default);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
}

/* --- Subtitle / secondary body --- */

.text-subtitle {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
}

/* --- Body text --- */

.text-body {
    color: var(--color-text-body);
    font-size: var(--font-size-md);
    line-height: var(--line-height-relaxed);
}

/* --- Muted note / caption --- */

.text-muted {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.5;
}

/* --- Table column label (uppercase, small) --- */

.text-label {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-wide);
    text-transform: uppercase;
}