/* =================================================================
   FONT SIZE OVERRIDES - Optimized for Card Displays
   ================================================================= */

:root {
    /* Display Headers - Reduced for card-friendly proportions */
    --rz-text-display-h1-font-size: clamp(2rem, 3.5vw, 2.75rem);
    --rz-text-display-h2-font-size: clamp(1.75rem, 3vw, 2.25rem);
    --rz-text-display-h3-font-size: clamp(1.5rem, 2.5vw, 2rem);
    --rz-text-display-h4-font-size: clamp(1.25rem, 2vw, 1.75rem);
    --rz-text-display-h5-font-size: clamp(1.125rem, 1.75vw, 1.5rem);
    /* Standard Headers - Optimized for cards */
    --rz-text-h1-font-size: clamp(1.5rem, 2.25vw, 1.75rem);
    --rz-text-h2-font-size: clamp(1.25rem, 2vw, 1.5rem);
    --rz-text-h3-font-size: clamp(1.125rem, 1.75vw, 1.375rem);
    --rz-text-h4-font-size: clamp(1rem, 1.5vw, 1.25rem);
    --rz-text-h5-font-size: clamp(0.9375rem, 1.375vw, 1.125rem);
    --rz-text-h6-font-size: clamp(0.875rem, 1.25vw, 1rem);
    /* Body Text - Card-friendly sizes */
    --rz-text-body1-font-size: 0.875rem; /* 14px - primary body text */
    --rz-text-body2-font-size: 0.8125rem; /* 13px - secondary body text */
    /* Subtitle and Captions */
    --rz-text-subtitle1-font-size: 1rem; /* 16px */
    --rz-text-subtitle2-font-size: 0.875rem; /* 14px */
    --rz-text-caption-font-size: 0.75rem; /* 12px - small labels */
    --rz-text-overline-font-size: 0.6875rem; /* 11px - tiny labels */
    /* Button Text */
    --rz-text-button-font-size: 0.875rem; /* 14px */
    /* Line Heights for Better Readability in Cards */
    --rz-text-display-h1-line-height: 1.2;
    --rz-text-display-h2-line-height: 1.25;
    --rz-text-display-h3-line-height: 1.3;
    --rz-text-display-h4-line-height: 1.35;
    --rz-text-display-h5-line-height: 1.4;
    --rz-text-h1-line-height: 1.3;
    --rz-text-h2-line-height: 1.35;
    --rz-text-h3-line-height: 1.4;
    --rz-text-h4-line-height: 1.45;
    --rz-text-h5-line-height: 1.5;
    --rz-text-h6-line-height: 1.5;
    --rz-text-body1-line-height: 1.5;
    --rz-text-body2-line-height: 1.5;
    --rz-text-subtitle1-line-height: 1.5;
    --rz-text-subtitle2-line-height: 1.5;
    --rz-text-caption-line-height: 1.4;
    --rz-text-overline-line-height: 1.4;
    --rz-text-button-line-height: 1.5;
}

/* Additional responsive adjustments for very small screens */
@media (max-width: 576px) {
    :root {
        --rz-text-display-h1-font-size: clamp(1.75rem, 5vw, 2rem);
        --rz-text-display-h2-font-size: clamp(1.5rem, 4.5vw, 1.75rem);
        --rz-text-display-h3-font-size: clamp(1.375rem, 4vw, 1.5rem);
        --rz-text-h1-font-size: clamp(1.375rem, 3.5vw, 1.5rem);
        --rz-text-h2-font-size: clamp(1.125rem, 3vw, 1.25rem);
    }
}