:root {
    --main-color: #050509;
    --root-font-size: 16px;
    --surface-radius: 1rem;
    --header-gap: 0.5rem;
    --header-control-height: 2.8rem;
    --header-pill-radius: 0.5rem;
    --header-avatar-radius: 5rem;
    --header-inline-padding: 0.9rem;
    --toast-z-index: 9999;
    --overlay-z-index: 10030;
}

html {
    font-size: var(--root-font-size);
}