/* static/css/app-style.css */

/* 기본 (라이트) 테마 스타일 */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 20px;
    color: #333; /* 밝은 테마 텍스트 색상 */
    background-color: #ffffff; /* 밝은 테마 배경 색상 */
}

.app-content h1 {
    font-size: 24px;
    margin-bottom: 16px;
}

.app-content p {
    font-size: 16px;
    margin-bottom: 12px;
}

.app-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* 코드 블록 스타일 */
.app-content pre {
    background-color: #f5f5f5; /* 밝은 테마 코드 블록 배경 */
    padding: 16px;
    border-radius: 8px;
    overflow-x: auto;
    color: #333; /* 밝은 테마 코드 텍스트 색상 */
}

/* ✨ 다크 테마 스타일 */
body.dark-theme {
    color: #e0e0e0; /* 다크 테마 텍스트 색상 */
    background-color: #1a1a1a; /* 다크 테마 배경 색상 */
}

body.dark-theme .app-content h1,
body.dark-theme .app-content p {
    color: #e0e0e0; /* 다크 테마 텍스트 색상 */
}

body.dark-theme .app-content pre {
    background-color: #333; /* 다크 테마 코드 블록 배경 */
    color: #e0e0e0; /* 다크 테마 코드 텍스트 색상 */
}

/* 필요한 다른 요소들도 dark-theme 클래스에 따라 스타일 변경 가능 */