/* @import must always be at the top of your publish.css file */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Sans+Mono:wght@100..900&display=swap');

body {
  --font-text-size: 18px;
  --font-text-theme: 'Noto Sans';
  --font-interface-theme: 'Noto Sans Mono';
  --font-monospace-theme: 'Noto Sans Mono';
  --link-color: #475548;
  --link-color-hover: #475548;
  --link-unresolved-color: #475548;
  --link-decoration: underline;
  --link-decoration-hover: underline;
  --link-external-color: #85754e;
  --link-external-color-hover: #85754e;
  --link-external-decoration: underline;
  --link-external-decoration-hover: underline;
  --tag-radius: 0px;
  --tag-border-width: 2px;
  --tag-color: #000000;
  --tag-color-hover: #000000;
  --tag-background: #ffffff;
  --tag-background-hover: #f6f6f6;
  --tag-border-color: #475548;
  --tag-border-color-hover: #475548;
  --text-highlight-bg: #fffacd;
}

/* obsidian publish specific */
.published-container {
  --page-title-font: var(--font-text-theme);
  --footer-display: none;
  --text-selection: rgba(237, 91, 0, 1);
  --text-selection-color: #ffffff;
}

/* hide footnotes */
.markdown-preview-view .footnotes {
  display: none;
}
.markdown-preview-view .footnote-ref {
  display: none;
}

/* change bullets to dashes */
.markdown-preview-view ul,
.markdown-preview-view ul ul,
.markdown-preview-view ul ul ul {
  list-style-type: "- ";
}

/* grey text color for english translations on dictionary notes */
/* use <span class="translation"></span> */
.translation {
  color: var(--text-faint);
}

/* text selection colors */
::selection {
  background-color: var(--text-selection);
  color: var(--text-selection-color);
}

/* tables */

/* table header text */
.published-container {
  --table-header-color: #475548;
}

/* maximize table width: always fill */
.published-container table {
  width: 100% !important;
  max-width: non !important;
}

/* remove table border */
.published-container table {
  --table-column-first-border-width: 0px; /* left edge */
  --table-column-last-border-width: 0px;  /* right edge */
  --table-row-last-border-width: 0px;     /* bottom edge */
}

.published-container table thead tr:first-child th {
  border-top: none;
}

/* callout for the example sentences */
.published-container .callout {
  background-color: #f6f6f6;
}
.published-container .callout-icon .svg-icon {
  color: #85754e;
}
.published-container {
  --callout-title-color: #475548;
}
.published-container .callout-fold svg {
  color: #85754e;
}