@import url("https://use.typekit.net/jtp1tph.css");

/* ===== match jaytha.ninja ===== */
:root {
  --jay-font: "proxima-nova", "Avenir Next", -apple-system, sans-serif;

  /* sizes */
  --jay-size-title: 20px;   /* site title */
  --jay-size-post: 22px;    /* post titles */
  --jay-size-body: 16px;    /* body text */
  --jay-size-small: 14px;   /* dates, source note, back link */

  /* link colors */
  --jay-orange: #f15a29;
  --jay-teal: #1aadb3;
}

/* ===== fonts ===== */
body,
body *:not(code):not(pre):not(kbd) {
  font-family: var(--jay-font) !important;
  letter-spacing: normal !important;
}

body,
.h-entry p,
.e-content {
  font-size: var(--jay-size-body) !important;
}

.site-title,
.site-title a {
  font-size: var(--jay-size-title) !important;
  font-style: italic;
  font-weight: 600;
}

.h-entry h1,
.h-entry h2,
.h-entry .p-name {
  font-size: var(--jay-size-post) !important;
  font-style: italic;
  font-weight: 600;
}

.dt-published,
.h-entry time {
  font-size: var(--jay-size-small) !important;
}

/* ===== single post page title ===== */
.h-entry:only-of-type h1,
.h-entry:only-of-type h2,
.h-entry:only-of-type .p-name,
.h-entry:only-of-type .post-title {
  color: var(--jay-teal) !important;
}

/* ===== links ===== */
.h-entry a,
.main-nav a,
.post-nav a,
.pagination a,
.back-home a,
.nav-menu a {
  color: var(--jay-orange) !important;
}

.h-entry a:hover,
.main-nav a:hover,
.post-nav a:hover,
.pagination a:hover,
.back-home a:hover,
.nav-menu a:hover,
.site-title a:hover,
.h-entry a:focus-visible,
.main-nav a:focus-visible,
.post-nav a:focus-visible,
.pagination a:focus-visible,
.back-home a:focus-visible,
.nav-menu a:focus-visible {
  color: var(--jay-teal) !important;
}

/* ===== header + footer notes ===== */
.back-home,
.source-note {
  font-size: var(--jay-size-small) !important;
  text-align: center !important;
  font-style: italic !important;
  line-height: 1.5;
}

.back-home,
.back-home a {
  font-weight: 600 !important;
}

.source-note {
  font-weight: 400 !important;
  opacity: 0.7;
}

.source-note strong {
  font-weight: 600 !important;
}

/* top: link, then source note */
header .back-home {
  margin: 1rem 0 0.25rem;
}

header .source-note {
  margin: 0 0 1.5rem;
}

/* bottom: source note, then link */
.footer-note {
  margin: 3rem 0 2rem;
  opacity: 1;
}

.footer-note .source-note {
  margin: 0 0 0.25rem;
}

.footer-note .back-home {
  margin: 0;
}