:root {
    --default-font-family: 'Rubik', sans-serif;
    --default-font-size: 100%;
}

html,
body {
    font-family: var(--default-font-family);
    font-size: var(--default-font-size);
}

a {
    text-decoration: none;
    font-weight: bold;
    color: #007AFF; /* Apple blue */
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: #003A88; /* Apple blue darker */
}

a:visited {
    color: #0058BB; /* Apple blue dark */
}