:root {
  --main-red: #6b1f1f;
  --accent-red: #a64040;
  --light-bg: #f8f4f0;
  --text-dark: #1e1a17;
  --font-main: "Times New Roman", Times, serif;
}

body, html {
  background-color: var(--light-bg) !important;
  color: var(--text-dark);
  font-family: var(--font-main);
  line-height: 1.7;
  text-align: justify;
}

.pkp_site_nav_menu, .pkp_navigation_primary, .navbar {
  background-color: var(--main-red) !important;
  border: none !important;
}

.pkp_site_nav_menu a, .navbar a {
  color: #fff !important;
  font-weight: 500;
}

.pkp_site_nav_menu a:hover, .navbar a:hover {
  background-color: var(--accent-red) !important;
  color: #fff !important;
}

.pkp_nav_list ul {
  background-color: var(--accent-red) !important;
  border-radius: 4px;
  padding: 5px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.pkp_nav_list ul li a {
  color: #fff !important;
  padding: 6px 12px;
  display: block;
}

.pkp_nav_list ul li a:hover {
  background-color: var(--main-red) !important;
  color: #fff !important;
}

h1, h2, h3, h4, h5, h6,
.page_title, 
.obj_issue_toc .title,
.cmp_article_list .title,
.pkp_block .title,
.obj_section h2,
.obj_section h3,
.obj_section h4 {
  text-align: left !important;
  color: var(--main-red);
  font-family: var(--font-main);
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h1 {
  border-bottom: 3px solid var(--accent-red);
  padding-bottom: 5px;
}

.cmp_article_list h3,
.obj_article_summary h2,
.obj_article_details h2 {
  text-align: left !important;
  font-weight: bold;
}

.pkp_block .title {
  border-bottom: 2px solid var(--accent-red);
  padding-bottom: 4px;
  font-size: 1.1em;
}

button, .pkp_button, .cmp_button, input[type="submit"] {
  background-color: var(--main-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  padding: 6px 14px;
  transition: all 0.3s ease;
}

button:hover, .pkp_button:hover {
  background-color: var(--accent-red) !important;
}

.pkp_structure_main .homepage_image img {
  max-width: 100%;
  height: auto !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}