:root {
    /* ディスプレイ用フォント */
    --font-display-body: "Noto Sans JP", system-ui, -apple-system, Segoe UI, Roboto;
    --font-display-heading: "Noto Sans JP", system-ui, -apple-system, Segoe UI, Roboto;
    --font-display-code: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    
    /* 印刷用フォント */
    --font-print-body: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    --font-print-heading: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    --font-print-footer-logo: 'Bebas Neue', sans-serif;
    
    /* PDF用フォント */
    --font-pdf-body: "DejaVu Sans", sans-serif;
    --font-pdf-heading: "DejaVu Sans", sans-serif;
}

/* ドキュメント表示時のフォント設定（view.phpのコンテンツエリアのみ） */
.document-content,
.content {
    font-family: "Roboto", "MB101", "Morisawa BIZ UDPGothic", system-ui, sans-serif;
    color: #3b3b3b;
}

.document-content h1, .document-content h2, .document-content h3, 
.document-content h4, .document-content h5, .document-content h6,
.content h1, .content h2, .content h3, 
.content h4, .content h5, .content h6 {
    font-family: "Roboto", "MB101", "Morisawa BIZ UDPGothic", system-ui, sans-serif;
    color: #3b3b3b;
}

.document-content code, .document-content pre,
.content code, .content pre {
    font-family: var(--font-display-code);
    color: #3b3b3b;
}

/* 編集画面のMarkdownエディタ */
#markdown-editor {
    font-family: var(--font-display-code);
}

/* 印刷時のフォント設定 */
@media print {
    body, .content {
        font-family: var(--font-print-body) !important;
        color: #3b3b3b !important;
    }
    
    h1, h2, h3, h4, h5, h6,
    .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
        font-family: var(--font-print-heading) !important;
        color: #3b3b3b !important;
    }
    
    .page-footer, .footer-logo {
        font-family: var(--font-print-footer-logo) !important;
    }
}

/* PDF用クラス（プログラムから使用） */
.pdf-body {
    font-family: var(--font-pdf-body);
}

.pdf-heading {
    font-family: var(--font-pdf-heading);
}