*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica;
    background-color: var(--layer-0);
    color: var(--text);
    display: block;
    min-height: 100vh;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    padding-top: env(safe-area-inset-top); /* For iOS notch */
    padding-bottom: env(safe-area-inset-bottom); /* Ensures content isn't hidden behind the bottom nav on iOS */
    /* Ensure the body doesn't bounce horizontally */
    overflow-x: hidden;
    transition:
        background-color 0.3s,
        ease;
    width: 100%;
    position: relative;
}

h1 {
    font-size: 1.5rem;
    font-weight: 800;
}
h2 {
    font-size: 1.2rem;
}
h3 {
    color: var(--text);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.label-tiny {
    font-size: 0.75rem;
    color: var(--text-muted);
}
.label-bold {
    font-weight: bold;
    color: var(--text);
}
.label-mini {
    font-size: 0.65rem;
    color: var(--text-muted);
    font-weight: bold;
}

.hidden {
    display: none !important;
}