@import url("fonts.css");
@import url("colors.css");

body {
  font-family: var(--body-font-family);
}

[data-md-component="header-title"], h1, h2, h3, h4, h5, h6 {
  font-family: var(--header-font-family);
}

[data-md-color-scheme="default"] {
  --md-default-fg-color: var(--lightmode-primary);
  --md-default-bg-color: var(--lightmode-bg);
  --md-primary-fg-color:        rgba(111, 78, 55, 1);
  --md-primary-fg-color--light: rgba(174, 187, 119, 1);
  --md-primary-fg-color--dark:  rgba(56, 27, 7, 1);

  --md-accent-fg-color:        var(--lightmode-accent);

}

[data-md-color-scheme="slate"] {
  /* --md-default-fg-color:        rgba(244, 228, 205, 1);
  --md-default-bg-color:        rgba(56, 27, 7, 1); */

  --md-primary-fg-color:        rgba(56, 27, 7, 1);
  --md-primary-fg-color--light: rgba(56, 27, 7, 1);
  --md-primary-fg-color--dark:  rgba(56, 27, 7, 1);

  --md-accent-fg-color:         rgba(204,241,38,1);
}

nav.md-tabs a:not(
  [href=""],
	[href^="#"],
	[href^="/"],
	[href*="localhost"],
  [href^="https://rereading.space"]
)::after {
  content: "↗";
  margin-inline-start: 1ch;
}