/* =========================================================
   Typography Tuning
   Purpose: smoothen text sizing across Tailwind utility classes
   ========================================================= */

:root {
    --type-2xs: 0.75rem;      /* 12px */
    --type-xs: 0.8125rem;     /* 13px */
    --type-sm: 0.9375rem;     /* 15px */
    --type-base: 1rem;        /* 16px */
    --type-label-track: 0.08em;
}

body {
    font-size: var(--type-base);
}

/* Frequent tiny-size utilities used in Razor views */
.text-\[9px\] {
    font-size: var(--type-2xs) !important;
    line-height: 1.25 !important;
}

.text-\[10px\],
.text-\[11px\],
.text-xs {
    font-size: var(--type-xs) !important;
    line-height: 1.35 !important;
}

.text-sm {
    font-size: var(--type-sm) !important;
    line-height: 1.5 !important;
}

/* Reduce aggressive tracking on small uppercase labels */
.tracking-widest,
.tracking-\[0\.14em\],
.tracking-\[0\.2em\],
.tracking-\[0\.3em\] {
    letter-spacing: var(--type-label-track) !important;
}

/* Improve readability for tiny uppercase labels */
.text-\[9px\].uppercase,
.text-\[10px\].uppercase,
.text-xs.uppercase {
    letter-spacing: var(--type-label-track) !important;
}