@font-face {
    font-family: segoe;
    src: url('../fonts/segoe-ui.ttf');
}

h1 {
    font-family: 'segoe';
    font-size: clamp(2.5rem, 8vw, 4rem);
    margin: 0;
}
h2 {
    font-family: 'segoe';
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    margin: 0;
}
h3 {
    font-family: 'segoe';
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    margin: 0;
}
h4, h5, h6 {
    font-family: 'segoe';
    font-size: clamp(1rem, 2vw, 1.2rem);
    margin: 0;
}

p, .content {
    font-family: 'segoe';
    font-weight: 600;
    font-size: clamp(1rem, 2vw, 1.2rem);
    
    &.light {
        color: var(--text-light);
    }
    &.dark {
        color: var(--text-dark);
    }
}
a {
    font-family: 'segoe';
    font-weight: 600;
    text-decoration: none;
    font-size: clamp(1rem, 2vw, 1.2rem);
}
b, strong {
    font-weight: 700;
}
.caption {
    font-family: 'segoe';
    font-weight: 600;
    font-style: italic;
    font-size: clamp(0.8rem, 0.5vw, 1rem);
}