/* ================================ ШРИФТЫ ИМПОРТЫ ===================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

        @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&family=Montserrat:wght@300;400;600;700&family=Nunito:wght@300;400;600;700&family=Inter:wght@300;400;600;700&family=Manrope:wght@300;400;600;700&family=Commissioner:wght@300;400;600;700&family=Jost:wght@300;400;600;700&display=swap');

        @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600;700&family=Rubik:wght@300;400;600;700&family=Mulish:wght@300;400;600;700&family=DM+Sans:wght@300;400;600;700&family=Outfit:wght@300;400;600;700&family=Space+Grotesk:wght@300;400;600;700&family=Plus+Jakarta+Sans:wght@300;400;600;700&family=Sora:wght@300;400;600;700&family=Urbanist:wght@300;400;600;700&family=Lexend:wght@300;400;600;700&display=swap');


/* ======================== ЦВЕТА ФОНОВ И ЗАГОЛОВКОВ =========================== */

.theme-light {
  --background-primary: #f2f0ed !important;
  --background-secondary: #f2f0ed !important;
  --background-modifier-border: #e0e0e0 !important;
  --h1-color: #3b3935 !important;
  --h2-color: #4a4643 !important;
  --h3-color: #4a4643 !important;
}

.theme-dark {
  --background-modifier-border: #2c2f3b !important;
  --text-normal: #f2f0ed !important;
  --h1-color: #00cc00 !important; 
  --h2-color: #ebe8e1 !important;
  --h3-color: #ebe8e1 !important;
}

/* ============================ ЗАДАТЬ ШРИФТ ======================================== */

body, 
.workspace, 
.markdown-preview-view,
.markdown-source-view,
.cm-s-obsidian,
.cm-content {
  font-family: "Roboto", sans-serif !important;
  font-size: 18px !important;
  color: var(--text-normal) !important;
  background-color: var(--background-primary) !important;
}


/* ============================ АКЦЕНТНЫЕ ЦВЕТА ТЕКСТА =================== */

.theme-light,
.theme-dark {
  --interactive-accent: #102246 !important;
  --text-accent: #6e8296 !important;
  --text-accent-hover: #55697a !important;
}


/* ============================ ЦЕНТРИРОВАНИЯ НАЗВАНИЯ САЙТА ==================== */

.site-body-left-column-site-name {
  text-align: center !important;
}


/* =========================== АКЦЕНТНЫЕ ЦВЕТА ГРАФ ============================= */
.theme-light {
  --interactive-accent: #102246 !important;
  --text-accent: #987807 !important;
  --text-accent-hover: #b89408 !important;
}

.theme-dark {
  --text-accent: #a1b3d6 !important;
}


/* ================================ ССЫЛКИ =================================  */
.markdown-preview-view a,
.cm-s-obsidian span.cm-hmd-internal-link,
.cm-s-obsidian span.cm-link {
  color: var(--text-accent) !important;
  text-decoration: none !important;
  border-bottom: 1px dotted var(--text-accent) !important;
}

.markdown-preview-view a:hover,
.cm-s-obsidian span.cm-hmd-internal-link:hover {
  color: var(--text-accent-hover) !important;
  border-bottom-color: var(--text-accent-hover) !important;
}


/* ======================= ЗАГОЛОВКИ РАЗМЕРЫ ================================ */
h1,
.cm-header-1 {
  font-size: 27px !important;
  text-align: center !important;
  margin-top: 20px !important;
  color: var(--h1-color) !important;
}

h2,
.cm-header-2, 
.markdown-preview-view h2 {
  font-size: 1.4em !important;
  color: var(--h2-color) !important;
  font-weight: 500 !important;
}

h3,
.cm-header-3, 
.markdown-preview-view h3 {
  font-size: 21px !important;
  color: var(--h3-color) !important;
  font-weight: 500 !important;
}


/* ======================================= ГРАФ ================================== */

.graph-view line, 
.graph-view .link {
  stroke: none !important;
  opacity: 0.8 !important;
  transition: none !important;
}

.graph-view {
  width: 100% !important;
  height: 100% !important;
}

/* =============== ЦЕНТРИРОВАНИЕ ПАНЕЛЕЙ ДЛЯ БОЛЬШИХ ЭКРАНОВ ====================== */
.site-body {
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.site-body-left-column {
  flex: 0 0 auto !important;
  width: var(--sidebar-left-width) !important;
}

.site-body-right-column {
  flex: 0 0 var(--sidebar-right-width) !important;
  width: var(--sidebar-right-width) !important;
  padding-bottom: 60px !important;
}


/* ================================ ЦЕНТРИРОВАНИЕ ЛОГО =============================== */

.site-body-left-column-site-logo {
  text-align: center !important;
  padding: 4px 32px 32px 6px !important;
}

.site-body-left-column-site-logo {
  margin: 0 !important;
  padding: 0 !important;
  /* margin-bottom: 20px !important; */
}

.site-body-left-column-site-name {
  padding: 0 19px 16px 19px !important;
}


/* ========================================= НАВИГАЦИЯ ========================== */

.tree-item-children {
  font-size: 17px !important;
}

.nav-folder-title,
.nav-file-title {
  font-size: 17px !important;
  color: #2a2925 !important;
}

/* --- Контент заметки --- */
.markdown-preview-view {
  line-height: 1.6 !important;
  background-color: var(--background-secondary) !important;
  border-radius: 10px !important;
  padding: 20px !important;
}

/* --- Межстрочные интервалы --- */
p, li {
  line-height: 1.6em !important;
}

/* --- Отступы панели --- */
.nav-files-container {
  padding: 8px 10px !important;
  background-color: var(--background-secondary) !important;
}


/* ====================== УБРАТЬ ОТСТУПЫ ВОКРУГ ЗАГОЛОВКОВ ===========================*/

.markdown-rendered div:is(.el-p, .el-pre, .el-table, .el-ul, .el-ol) + div > :is(h1,h2,h3,h4,h5,h6) {
    margin-bottom: 1px;
}

.markdown-rendered p {
    margin-block-start: 0px;
}

.markdown-rendered div:is(.el-p, .el-pre, .el-div, .el-hr, .el-table, .el-ul, .el-ol) + div > :is(h1,h2,h3,h4,h5,h6) {
    margin-bottom: 1px;
}

.markdown-rendered h3 {
    margin-top: 0px !important;
    margin-block-start: 0px !important;
}


/========= СКРЫТЬ ГРАФ НА СТРАНИЦАХ НЕКОТОРЫХ =========/

body:has(.hide-graph) .site-body-right-column {
    display: none !important;
}


.theme-light .site-body-left-column-site-name {
    font-size: 25px;
    color: #4a4643 !important;
    font-family: "Outfit", sans-serif;
    font-weight: 550;
}

.theme-dark .site-body-left-column-site-name {
    font-size: 25px;
    font-family: "Outfit", sans-serif;
    font-weight: 550;
}

.site-footer a {
  display: none;
}

.clickable-icon {
    display: none !important;
    visibility: hidden !important;
}


.published-container:has(.hide-graph) .site-body-right-column {
    display: none !important;
}


/* ========== ВЫРАВНИВАНИЕ КАРТИНОК ========== */

img[alt*="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img[alt*="right"] {
    float:right;
    clear:right;
    margin-left: 1rem;
    margin-bottom: 2px;
    margin-top: 2px;
}

/* ========================================== */