/* Only apply custom fonts to toast content */
#liveToast,
#liveToast .toast-body,
#liveToast #toast-title,
#liveToast #toast-timestamp {
    font-family: 'Red Hat Display', 'DM Sans', sans-serif;
}

    /* Base font sizes (Mobile First) */
    #liveToast .toast-body {
        font-size: 0.875rem; /* ~14px */
    }

    #liveToast #toast-title {
        font-size: 1rem; /* ~16px */
        font-weight: 600;
    }

    #liveToast #toast-timestamp {
        font-size: 0.75rem; /* ~12px */
    }

/* Medium screens (Tablet ≥ 768px) */
@media (min-width: 768px) {
    #liveToast .toast-body {
        font-size: 1rem; /* 16px */
    }

    #liveToast #toast-title {
        font-size: 1.125rem; /* 18px */
    }

    #liveToast #toast-timestamp {
        font-size: 0.8125rem; /* 13px */
    }
}

/* Large screens (Desktop ≥ 992px) */
@media (min-width: 992px) {
    #liveToast .toast-body {
        font-size: 1.25rem; /* ~17px */
    }

    #liveToast #toast-title {
        font-size: 1.25rem; /* 20px */
    }

    #liveToast #toast-timestamp {
        font-size: 0.875rem; /* 14px */
    }
}