/* ===================================
   Typography - Language-Specific Fonts
   =================================== */

/* Base typography */
body {
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Language-specific font stacks */
body.lang-en {
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

body.lang-ja {
    font-family: "Noto Sans JP", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}

body.lang-ko {
    font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

/* Headings */
h1 {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

h2 {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

h3 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

h4 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
}

/* Body text */
p {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.lead {
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 1.75;
    color: var(--text-mid);
}

.text-sm {
    font-size: 0.875rem;
}

/* Responsive typography */
@media (max-width: 768px) {
    h1 { font-size: 2.25rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.25rem; }
    h4 { font-size: 1.0625rem; }
    p { font-size: 0.9375rem; }
    .lead { font-size: 1.0625rem; }
}