/* ===========================
   폰트
=========================== */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
@import url('https://cdn.jsdelivr.net/gh/naver/d2codingfont/d2coding/D2Coding.css');

body {
    font-family: "Pretendard", sans-serif;
}

code, pre {
    font-family: "D2Coding", monospace;
}

/* ===========================
   제목 색상
=========================== */
h1, h2, h3 {
    color: #2E2E7A;
}

/* ===========================
   링크 색상
=========================== */
a {
    color: #4B4BAA;
}

a:hover {
    color: #2E2E7A;
}

/* ===========================
   네비게이션 바
   (Bootstrap 기본값이 강해서 !important 불가피)
=========================== */
.navbar {
    background-color: #7070CC !important;
}

.navbar .nav-link,
.navbar-brand {
    color: #ffffff !important;
}

.navbar .nav-link:hover {
    color: #EEEEF8 !important;
}

/* ===========================
   카테고리 배지
=========================== */
.listing-category {
    background-color: #EEEEF8;
    color: #2E2E7A;
    border: 0.5px solid #A8A8E6;
    border-radius: 999px;
}

/* ===========================
   콜아웃
=========================== */
.callout-note {
    border-left-color: #7070CC;
    background-color: #EEEEF8;
}

.callout {
    border-radius: 8px;
}

/* ===========================
   탭 패널
=========================== */
.panel-tabset .nav-tabs .nav-link.active {
    color: #4B4BAA;
    border-bottom-color: #7070CC;
    font-weight: 500;
}

.panel-tabset .nav-tabs .nav-link:hover {
    color: #4B4BAA;
}

/* ===========================
   코드 블록 (여러 줄)
   (Quarto 기본값 덮어써야 해서 !important 불가피)
=========================== */
div.sourceCode {
    background-color: #2C2C3E;
    border-radius: 8px;
    border: none !important;
}

pre.sourceCode {
    background-color: #2C2C3E;
    color: #e8e8e8;
    border: none !important;
    border-radius: 8px;
}

/* ===========================
   인라인 코드 (백틱 한 개)
=========================== */
p code, li code, td code,
h1 code, h2 code, h3 code,
.description code,
.listing-description code {
    background-color: #EEEEF8 !important;
    color: #2E2E7A;
    border: 0.5px solid #A8A8E6;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 0.9em;
    font-family: "D2Coding", monospace;
}

/* ===========================
   인용문
=========================== */
blockquote {
    border-left: 3px solid #7070CC;
    background-color: #EEEEF8;
    padding: 0.75rem 1rem;
    border-radius: 0 8px 8px 0;
}

blockquote p {
    color: #2E2E7A;
    margin: 0;
}