/*
 * Base theme, owned by this site.
 *
 * Started from Neutral Academia by incantatem2
 * (github.com/incantatem2/Obsidian-neutral-academia, commit 9dcfbfe), which the build used to
 * download fresh on every deploy. Kept here so it can't change under the site.
 *
 * Changes from upstream:
 * - The two embedded fonts (Cormorant and Manrope, about 300 KB as base64) are gone. No page used
 *   them: reading text is Dante and the interface is Satoshi (see custom-style.scss).
 * - Rules for the Obsidian app itself (tabs, menus, file explorer, editor) are gone.
 * - .theme-light is the site's light mode (warm paper and dark ink), switched on by
 *   components/user/common/head/00-arrive.njk. .theme-dark is unchanged.
 *
 * The site's own colours, type and spacing live in _tokens.scss; this file only feeds the
 * Obsidian base styles (obsidian-base.scss) their variables.
 */

body {
  --radius-s: 0px;
  --radius-m: 0px;
  --radius-l: 0px;
  --input-radius: 0px;
  --checkbox-radius: 0px;
  --toggle-radius: 0px;
  --toggle-thumb-radius: 0px;
  --slider-thumb-radius: 0px;

  --divider-color: transparent;
  --hr-thickness: 1px;

  --h1-size: 2.5em;
  --h2-size: 2.2em;
  --h3-size: 2em;
  --h4-size: 1.8em;
  --h5-size: 1.6em;
  --h6-size: 1.4em;
  --h1-weight: 600;
  --h2-weight: 600;
  --h3-weight: 600;
  --h4-weight: 600;
  --h5-weight: 600;
  --h6-weight: 600;

  --inline-title-color: #4f4d4a;
  --inline-title-size: 4em;
  --inline-title-weight: 600;
}

svg * {
  stroke-linecap: square;
  stroke-linejoin: miter;
  rx: 0;
  ry: 0;
}

.callout > .callout-content p:last-child {
  margin-bottom: 0;
}

.theme-dark .callout {
  border: 1px dotted #666c6850;
  background-color: #110b0c;
}

.theme-light .callout {
  border: 1px dotted rgba(42, 35, 32, 0.25);
  background-color: #ece5d8;
}

.callout-title {
  color: var(--secondary-ink);
  font-weight: 600;
}

.markdown-rendered blockquote {
  padding-left: 15px;
  font-style: normal;
  border-left: 1px dashed #262020;
  background: transparent;
}

.theme-dark {
  --checkbox-color: #7f6c5e;
  --checkbox-border-color: #7f6c5e;

  --color-base-00: #0f0a0b;
  --color-base-05: #262020;
  --color-base-10: #110b0c;
  --color-base-20: #110b0c;
  --color-base-25: #262020;
  --color-base-30: #262020;
  --color-base-35: #666c68;
  --color-base-40: #c8bcac;
  --color-base-50: #c8bcac;
  --color-base-60: #c8bcac;
  --color-base-70: #c8bcac;
  --color-base-100: #c8bcac;

  --interactive-normal: #393e50;
  --slider-track-background: #393e50;
  --icon-color: #e5dfd3;
  --icon-color-hover: #4f4d4a;
  --icon-color-focused: #4f4d4a;

  --code-background: none;

  --nav-item-color: #4f4d4a;
  --nav-item-color-active: #666c68;
  --nav-item-color-hover: #666c68;
  --nav-item-background-active: none;
  --nav-item-background-hover: none;

  --tag-background: transparent;
  --tag-background-hover: #393e50;

  --text-accent: #c8bcac;
  --text-accent-hover: #7f6c5e;

  --font-text-size: 14px !important;
}

/* Light: warm paper and iron-gall ink, matching the light tokens in _tokens.scss */
.theme-light {
  --checkbox-color: #6e6459;
  --checkbox-border-color: #6e6459;

  --color-base-00: #f3ede2;
  --color-base-05: #e4dacb;
  --color-base-10: #ece5d8;
  --color-base-20: #ece5d8;
  --color-base-25: #d9cfbe;
  --color-base-30: #d9cfbe;
  --color-base-35: #6e6459;
  --color-base-40: #4a403a;
  --color-base-50: #4a403a;
  --color-base-60: #3a312c;
  --color-base-70: #3a312c;
  --color-base-100: #2a2320;

  --interactive-normal: #d9cfbe;
  --slider-track-background: #d9cfbe;
  --icon-color: #3a312c;
  --icon-color-hover: #8a5d1c;
  --icon-color-focused: #8a5d1c;

  --code-background: none;

  --nav-item-color: #2a2320;
  --nav-item-color-active: #8a5d1c;
  --nav-item-color-hover: #8a5d1c;
  --nav-item-background-active: none;
  --nav-item-background-hover: none;

  --tag-background: transparent;
  --tag-background-hover: #d9cfbe;

  --text-accent: #2a2320;
  --text-accent-hover: #8a5d1c;

  --font-text-size: 14px !important;
}