:root {
  --night: #353845;
  --day: #fffbf5;
  --text-dark:#c9137d;
  --text-light:#ffbdc3;
}
/* Font Face Declarations */
@font-face {
	font-family: 'Playfair Display';
src: url('/fonts/Playfair_Display/PlayfairDisplay-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Fontello';
	src: url('/fonts/Fontello/fontello.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Playfair Display';
src: url('/fonts/Playfair_Display/PlayfairDisplay-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Playfair Display';
src: url('/fonts/Playfair_Display/PlayfairDisplay-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/fonts/Be_Vietnam_Pro/BeVietnamPro-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/fonts/Be_Vietnam_Pro/BeVietnamPro-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/fonts/Be_Vietnam_Pro/BeVietnamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/fonts/Be_Vietnam_Pro/BeVietnamPro-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('/fonts/Be_Vietnam_Pro/BeVietnamPro-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}


@media (prefers-color-scheme: dark) {
body {
	background: var(--night);
	color: var(--day);
}
a {
	 color: var(--text-light);
 }
  .theme-toggle {
  color: var(--text-light)
}
.quote-container {
	border-bottom: var(--day) dashed 1px;
	border-top: var(--day) dashed 1px;
}

.post-meta {
	color: var(--day);
}
.status-seed::before { color: var(--text-light); }
.status-growing::before { color: var(--text-light); }
.status-evergreen::before { color: var(--text-light); }
.status-perennial::before { color: var(--text-light); }
}
@media (prefers-color-scheme: light) {
body {
	background: var(--day);
	color: var(--night);
  }
a {
	 color: var(--text-dark);
 }
 .theme-toggle {
  color: var(--text-dark)
}
  .quote-container {
	border-bottom: var(--night) dashed 1px;
	border-top: var(--night) dashed 1px;
}

.post-meta {
	color: var(--night);
}
.status-seed::before { color: var(--text-dark); }
.status-growing::before { color: var(--text-dark); }
.status-evergreen::before { color: var(--text-dark); }
.status-perennial::before { color: var(--text-dark); }
}

/* Global Styles */

html {
	  font-size: 20px;
}	

body {
	margin: 0;
	padding: 0;
	font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	font-weight: 400;
	line-height: 2rem;
}

 a {
	 text-decoration: underline;
	 font-weight: 600;
 }

 .nav-menu a,
 .card-button,
 .card-button-container a,
 .lavcard-button-container a,
 .newscard-button,
 .footer-nav a {
	 text-decoration: none !important;
 }

 .nav-menu a:hover,
 .card-button:hover,
 .card-button-container a:hover,
 .lavcard-button-container a:hover,
 .newscard-button:hover,
 .footer-nav a:hover {
	 text-decoration: none !important;
 }

a:hover {
	text-decoration: underline;
	font-weight: 700;
}

a[href^="http"]:not([href*="angiebowen.com"])::after {
	content: '\2197';
	font-family: 'Playfair Display', 'Times New Roman', Times, Georgia, serif;
	font-weight: 100;
	font-size: 1.2rem;
	text-decoration: none !important;
}

ul {
	list-style: none;
	padding-left: 1.5em;
}
li {
	position: relative;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
li::before {
	content: "❧ ";
	position: absolute;
	left: 0;
	top: 0;
}

.container {
	max-width: 800px;
	margin: 40px auto;
	padding: 0 1rem;
}

h1 {
	font-size: 2.5rem;
	font-family: 'Playfair Display', 'Times New Roman', Times, Georgia, serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.3;
	margin-bottom: 0px;
	margin-top: 50px;
}

h2, h3 {
	font-family: 'Playfair Display', 'Times New Roman', Times, Georgia, serif;
	font-weight: 600;
	font-style: normal;
}

h4, h5, h6 {
	font-family: 'Playfair Display', 'Times New Roman', Times, Georgia, serif;
	font-weight: 500;
}

.home-lead-h1 {
	margin-bottom: 10px;
	margin-top: 50px;
}

.main-lead-h2 {
	margin: 0px;
	line-height: 2.5rem
}

.quote-container {
	font-family: 'Playfair Display', 'Times New Roman', Times, Georgia, serif;
	font-style: italic;
	font-size: 1.3rem;
	margin: 30px 0px;
	line-height: 2.5rem;
}

.quote-author {
	margin-right: 60px;
	text-align: right;
}

code, pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	font-weight: 400;
}
code.comment, pre.comment {
	font-style: italic;
	opacity: 0.7;
}

.theme-toggle {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
  margin: 0;
}

.theme-toggle::before {
  content: "☀";
}
[data-theme="dark"] .theme-toggle::before {
  content: "☽";
}

.status-seed::before { content: "○ "; }
.status-growing::before { content: "◐ "; }
.status-evergreen::before { content: "▲ "; }
.status-perennial::before { content: "✿ "; }

.caption, .meta, .date {
	font-weight: 400;
	font-size: 0.85rem;
}

.post-meta {
	font-size: 0.8rem;
}

.error-404 {
	font-size: 20rem;
	margin: 0;
	line-height: 1;
	font-family: 'Playfair Display', 'Times New Roman', Times, Georgia, serif;
	font-weight: 400;
}

.page-not-found {
	text-align: center;
	margin-top: -100px;
}