:root {
  --primary-color: #0d47a1; /* main text color */
  --primary-light: #1976d2; /* lighter shade for hover or accents */
  --accent-color: #bbdefb; /* border and highlight color */
  --background-color: #e3f2fd; /* background of sections */
  --hover-bg: #90caf9; /* hover background tint */
  --text-light: #ffffff; /* light text on dark background */
  --border-radius: 10px;
  --box-shadow-color: rgba(13, 71, 161, 0.25);
}

/* header and footer overrides */
:root {
  --primary-bg: var(--accent-color); /* Header/footer background */
  --primary-text: var(
    --primary-color
  ); /* Text inside header/footer and buttons */
  --primary-hover: var(--primary-light); /* Hover text and color accents */

  --success-text: var(--primary-light);
  --success-bg: var(--hover-bg);
  --error-text: var(--primary-light);
  --error-bg: var(--hover-bg);
}

body {
  background-color: var(--background-color) !important;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  margin: 0 auto;
  padding: 20px;
}

section {
  margin-left: 40px;
  margin-right: 30px;
  margin-top: 10px;
}

.container {
  background: #fff;
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
h1 {
  color: #2c3e50;
  border-bottom: 2px solid #ffcfd2;
  padding-bottom: 10px;
}
h2 {
  color: #e67e22;
  margin-top: 30px;
}
.highlight {
  color: #d35400;
  font-weight: bold;
}
.cta-box {
  background: #fff9e6;
  border: 2px dashed #f1c40f;
  padding: 20px;
  text-align: center;
  margin-top: 30px;
  border-radius: 10px;
}
.library-btn {
  display: inline-block;
  background: #e67e22;
  color: white;
  padding: 12px 25px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  margin-top: 10px;
}
.library-btn:hover {
  background: #d35400;
}
ul {
  list-style-type: none;
  padding: 0;
}