:root {
    --neutral: #000;
    --base: #333333;
    --primary: #b28e3e;
    --text-s: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
    --text-m: clamp(1.7rem, calc(0.3125vw + 1.6rem), 2rem);
    --text-l: clamp(2.04rem, calc(0.6520833333vw + 1.8313333333rem), 2.666rem);
}

/* Append your site-specific styles here */
.color-primary {
    color: var(--primary);
}
.color-base {
    color: var(--base);
}
.color-neutral {
    color: var(--neutral);
}

.thin-300 {
    font-weight: 300;
}
.font-normal {
    font-weight: 400;
}
.bold-700 {
    font-weight: 700;
}
.text-s {
    font-size: var(--text-s);
}
.text-m {
    font-size: var(--text-m);
}
.text-l {
    font-size: var(--text-l);
}