/* Base HTML and Body Styles */

/* Responsive font sizing */
@media (max-width: 900px) {
    html {
        font-size: 15px;
    }
}

@media (max-width: 600px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 420px) {
    html {
        font-size: 13px;
    }
}

html {
    overflow-x: hidden;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-sans);
    background: var(--color-background);
    color: var(--color-text);
    transition: background 0.3s, color 0.3s;
    width: 100%;
    overflow-x: hidden;
}

/* Numbers keep the monospace character for that data-driven feel */
.stat-value,
.annual-goal-current-input,
.timer-display,
.stopwatch-display {
    font-family: var(--font-mono);
}