:root {
    /* Genel UI ölçeği */
    --ui-scale: 1;

    /* Normal metinler */
    --font-scale: 1;

    /* Başlıklar, saat, vurgu */
    --heading-scale: 1;
}


@media (min-width: 1600px) and (max-height: 1200px) {
    :root {
        --ui-scale: 0.94;
        --font-scale: 0.95;
        --heading-scale: 0.93;
    }
}

@media (min-width: 1800px) and (min-height: 1000px) {
    :root {
        --ui-scale: 0.9;
        --font-scale: 0.92;
        --heading-scale: 0.88;
    }
}

@media (min-width: 3000px) and (min-height: 1800px) {
    :root {
        --ui-scale: 0.82;
        --font-scale: 0.85;
        --heading-scale: 0.8;
    }
}

@media (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
    :root {
        --ui-scale: 0.9;
        --font-scale: 0.9;
        --heading-scale: 0.88;
    }
}

.common-module,
.quote-module {
    padding: calc(1em * var(--ui-scale));
}

.school-name {
    font-size: calc(clamp(2.5rem, 10vh, 8rem) * var(--heading-scale));
}

.common-header-title {
    font-size: calc(clamp(1.5rem, 4vh, 3.2rem) * var(--heading-scale));
}

.live-time,
.lesson-timing-time {
    font-size: calc(clamp(1.2rem, min(4.5vh, 4.5vw), 4.5rem) * var(--heading-scale));
}

#dailyQuoteText {
    font-size: calc(clamp(1rem, min(3.2vh, 3.2vw), 2.2rem) * var(--font-scale));
    line-height: 1.2;
}

#dailyQuoteAuthor {
    font-size: calc(clamp(0.85rem, min(2.5vh, 2.5vw), 1.6rem) * var(--font-scale));
}

#announcementsLeft,
#eventCalendar,
#examWeekSchedule {
    font-size: calc(1em * var(--font-scale));
}

html {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}