/*
  brown 521C0D
  red orange D5451B
  orange FF9B45
  cream F4E7E1
*/

/* === Fall Diary Custom Styles === */

/* Base Colors 
:root {
  --brown: #521C0D;
  --red-orange: #D5451B;
  --orange: #FF9B45;
  --cream: #F4E7E1;
}*/

/* Body */
body {
  background-color: #F4E7E1;
  color: #521C0D;
  font-family: "Georgia", "Times New Roman", serif;
  line-height: 1.6;
  padding-top: 40px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #521C0D;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

h1 {
  color: #D5451B;
  text-transform: uppercase;
  border-bottom: 3px solid #FF9B45;
  display: inline-block;
  padding-bottom: 6px;
}

/* Paragraphs */
p {
  font-size: 1.1em;
  margin-bottom: 1.2em;
}

/* Links */
a {
  color: #D5451B;
  text-decoration: none;
}

a:hover, a:focus {
  color: #FF9B45;
  text-decoration: underline;
}

/* Buttons */
.btn-primary {
  background-color: #D5451B;
  border-color: #521C0D;
  color: #F4E7E1;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #FF9B45;
  border-color: #D5451B;
  color: #521C0D;
}

/* Lists */
ul, ol {
  margin-left: 20px;
}

li {
  margin-bottom: 6px;
}

/* Images */
img {
  border-radius: 8px;
  border: 4px solid #FF9B45;
  max-width: 100%;
  height: auto;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(82, 28, 13, 0.3);
}

/* Footer */
footer {
  margin-top: 40px;
  padding: 20px 0;
  color: #F4E7E1;
  background-color: #521C0D;
}

/* Navbar (if used) */
.navbar {
  background-color: #521C0D;
  border: none;
}

.navbar-brand,
.navbar-nav > li > a {
  color: #F4E7E1 !important;
}

.navbar-nav > li > a:hover {
  color: #FF9B45 !important;
}