@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;600;700&display=swap");

:root {
    --font-serif: "Libre Baskerville", "Times New Roman", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    --font-sans: "Libre Baskerville", "Times New Roman", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    --site-font-body: "Libre Baskerville", "Times New Roman", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    --text-xs: 0.75rem;
    --text-sm: 0.925rem;
    --text-base: 1rem;
    --text-md: 1.125rem;
    --text-lg: 1.5rem;
    --text-xl: 2rem;
    --text-hero: 2rem;
    --line-tight: 1.2;
    --line-body: 1.6;
    --accent-color: #990000;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--site-font-body);
    font-size: var(--text-base);
    font-weight: 400;
    line-height: var(--line-body);
}

strong,
b,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: var(--line-tight);
}

th,
td,
a,
p,
div,
span,
li,
dt,
dd,
figcaption,
button,
input,
textarea,
select,
font,
FONT {
    font-family: inherit;
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--line-body);
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--line-body);
}

.text-base {
    font-size: var(--text-base);
    line-height: var(--line-body);
}

.text-md {
    font-size: var(--text-md);
    line-height: 1.5;
}

.text-lg {
    font-size: var(--text-lg);
    line-height: var(--line-tight);
    font-weight: 700;
}

.text-xl {
    font-size: var(--text-xl);
    line-height: var(--line-tight);
}

.text-hero {
    font-size: var(--text-hero);
    line-height: 1.1;
}

.weight-regular {
    font-weight: 400;
}

.weight-medium {
    font-weight: 500;
}

.weight-semibold {
    font-weight: 600;
}

.weight-bold {
    font-weight: 700;
}

.accent-text {
    color: var(--accent-color);
}

.sans-text {
    font-family: var(--font-sans);
}

.serif-text {
    font-family: var(--font-serif);
}
