/* =====================================================
   Basic CSS Template
   Author: Your Name
   Date: 2025-11-04
   Description: This stylesheet provides a basic layout
                for styling a semantic HTML5 document.
   ===================================================== */

/* -----------------------------
   Reset and Base Styles
   ----------------------------- */
/* Citation: Based on Normalize.css principles */

/* new colors from Vanessa
 */
:root,
[data-bs-theme=light] {

  --bs-dark-rgb: 196, 164, 132;
  --bs-primary-rgb: 255, 182, 193;
  --bs-secondary-rgb: 203, 195, 227;
  --bs-success-rgb: 230, 230, 250;
  --bs-info-rgb: 223, 197, 254;

}







* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: PT Serif;
  src: url(../fonts/PTSerif-Regular.ttf);
}


body {
  font-family: PT Serif;
  line-height: 1.6;
  background-color: #f4f4f4;
  color: #333;
  padding: 20px;
}

/* -----------------------------
   Header Styles
   ----------------------------- */
/* Citation: Inspired by W3C HTML5 semantic structure */
header {
  background: #333;
  color: #fff;
  padding: 20px 0;
  text-align: center;
}

/* Header Photo */
header {
  background: #007bff;
  color: white;
}

nav ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 15px;
}

nav a {
  color: #fff;
  text-decoration: none;
}

/* -----------------------------
   Main Content Styles
   ----------------------------- */
main {
  margin: 20px 0;
}

section {
  margin-bottom: 20px;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
}

/* -----------------------------
   Aside Styles
   ----------------------------- */
aside {
  background: #e2e2e2;
  padding: 15px;
  border-radius: 5px;
}

/* -----------------------------
   Footer Styles
   ----------------------------- */
footer {
  background: #333;
  color: #333;
  text-align: center;
  padding: 10px;
  margin-top: 20px;
}

/* End of CSS Template */