/* 인라인 코드 블럭 */
.highlighter-rouge {
  background-color: #222; /* 어두운 배경색 */
  color: #f8f8f2; /* 밝은 텍스트 색상 */
  margin: 1rem 0;
  padding: 0.5rem; /* 패딩 값 조정 */
  border-radius: 5px; /* 모서리 둥글게 */
}

/* 소스코드 하이라이트 색 지정 */
div.highlight {
  overflow: auto; /* 소스가 너무 길면 스크롤 생성 */
  background-color: #222; /* 어두운 배경색 */
  color: #f8f8f2; /* 기본 텍스트 색상 */
  line-height: 1.5;
  padding: 1rem; /* 패딩 값 조정 */
  border-radius: 5px; /* 모서리 둥글게 */
}

/* 코드 스타일링 */
.highlight .c, /* 주석 */
.highlight .cm,
.highlight .c1 {
  color: #888; /* 회색으로 변경 */
}

.highlight .cp {
  /* 지시문 */
  color: #f8f8f2;
}

.highlight .m, /* 숫자 */
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
  color: #ae81ff; /* 밝은 보라색 */
}

.highlight .cpf, /* 문자열 */
.highlight .s, /* 문자열 */
.highlight .sb,
.highlight .sc,
.highlight .sd,
.highlight .s2,
.highlight .sh,
.highlight .si,
.highlight .sx,
.highlight .sr,
.highlight .s1,
.highlight .ss {
  color: #a6e22e; /* 밝은 녹색 */
}

.highlight .k, /* 키워드 */
.highlight .kd,
.highlight .kp,
.highlight .kr,
.highlight .kt {
  color: #f92672; /* 밝은 빨간색 */
}

.highlight .o {
  /* 연산자 */
  color: #f8f8f2;
}

.highlight .cp,
.highlight .nf,
.highlight .n, /* 식별자 */
.highlight .nv,
.highlight .nc, /* 클래스 */
.highlight .no {
  /* 상수 */
  color: #66d9ef; /* 밝은 청색 */
}

.highlight .nd {
  /* 데코레이터 */
  color: #e6db74; /* 노란색 */
}

.highlight {
  background-color: #222; /* 어두운 배경색 */
  color: #f8f8f2; /* 기본 텍스트 색상 */
}