﻿/* ===== GLOBAL ===== */
body {
  background-color: #FAE3E3;
  color: #4a3a4a;
  font-family: 'Georgia', 'Times New Roman', serif;
}

/* ===== HEADER / NAV BAR ===== */
.bg-black {
  background-color: #846B8A !important;
}
.bg-dark-gray {
  background-color: #846B8A !important;
}
nav a, .site-header a {
  color: #FAE3E3 !important;
  font-weight: normal;
  letter-spacing: 0.05em;
}
nav a:hover {
  color: #F7D4BC !important;
}

/* ===== HERO / PAGE HEADER ===== */
.cover-card, .page-header {
  background-color: #CFA5B4 !important;
}
.cover-card h1, .page-header h1 {
  color: white !important;
  font-weight: 300;
  letter-spacing: 0.02em;
}

/* ===== HEADINGS ===== */
h1, h2, h3, h4, h5, h6 {
  color: #846B8A;
  font-weight: 400;
}
article h1 {
  font-size: 2rem;
  color: #846B8A;
}

/* ===== LINKS ===== */
a {
  color: #C98BB9;
  transition: color 0.2s ease;
}
a:hover {
  color: #846B8A;
}

/* ===== MAIN CONTENT AREA ===== */
.nested-copy-line-height p {
  line-height: 1.8;
  font-size: 1.1rem;
}
article {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* ===== FOOTER ===== */
footer {
  background-color: #846B8A !important;
  color: #FAE3E3 !important;
}
footer a {
  color: #F7D4BC !important;
}

/* ===== REMOVE BLOG-LIKE ELEMENTS ===== */
.reading-time, .post-date, time {
  display: none;
}
.list-item .post-title {
  display: none;
}

/* ===== SMOOTH OVERALL FEEL ===== */
* {
  transition: background-color 0.2s ease, color 0.2s ease;
}
img {
  border-radius: 10px;
}

/* ===== FIX WHITE CONTENT AREA ===== */
.bg-near-white {
  background-color: #FAE3E3 !important;
}
.bg-white {
  background-color: #FAE3E3 !important;
}
main {
  background-color: #FAE3E3 !important;
}
.pa3, .pa4, .ph3, .ph4 {
  background-color: transparent !important;
}

/* ===== MAKE THE HEADER CLEANER ===== */
.cover {
  background-color: #846B8A !important;
}
.f1, .f2, .f-headline {
  color: white !important;
  font-weight: 300 !important;
}