/*
  Red theme override (base: rgb(192, 0, 0) => #C00000)
  Replaces the template's green/green-gray accents with red equivalents.
*/

:root {
  --red-900: #3f2323; /* deep red-gray (was #575d59 / #6b7770 family) */
  --red-800: #3a1414; /* text / dropdown base */
  --red-700: #4a1d1d; /* hover for dropdown items */
  --red-600: #6a3a3a; /* subtle borders */
  --red-500: #8a0000; /* primary */
  --red-400: #a00000; /* hover */
  --red-550: #6f0000; /* active */
  --red-soft-200: #d8c0c0; /* alt button base */
  --red-soft-150: #e2d0d0; /* alt hover */
  --red-soft-250: #c8a8a8; /* alt active */
}

/* Base text + headings (was #6b7770) */
body,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  color: var(--red-800);
}

/* Subtitle/secondary tint (was #c1cac5) */
header > p,
#header .logo p {
  color: var(--red-soft-200);
}

/* Primary buttons (was #b1ddab / hover #c1edbb / active #a1cd9b) */
.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  background: var(--red-500);
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background: var(--red-400);
}

.button:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  background: var(--red-550);
}

/* Alt buttons (was #c1cac5 / hover #ccd5d0 / active #b1bab5) */
.button.alt,
button.alt,
input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt {
  background: var(--red-soft-200);
}

.button.alt:hover,
button.alt:hover,
input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover {
  background: var(--red-soft-150);
}

.button.alt:active,
button.alt:active,
input[type="button"].alt:active,
input[type="submit"].alt:active,
input[type="reset"].alt:active {
  background: var(--red-soft-250);
}

/*
 * Nav: só o link do item de 1º nível recebe o fundo de hover.
 * (#nav li:hover a pega todos os <a> filhos quando o submenu está em hover — bug.)
 */
#nav > ul > li:hover > a,
#nav > ul > li:hover > span,
#nav > ul > li.active > a,
#nav > ul > li.active > span {
  background: var(--red-soft-200);
}

#nav > ul > li.current > a {
  background: var(--red-500);
}

/* Dropdown menu (was #6B7770 with hover #7B8780) */
.dropotron {
  background: var(--red-800);
}

.dropotron li:hover > a,
.dropotron li:hover > span,
.dropotron li.active > a,
.dropotron li.active > span {
  background: var(--red-700);
}

.dropotron.level-0:before {
  border-bottom-color: var(--red-800);
}

/* Main section borders (was top #b1ddab, bottom #c1cac5) */
#main {
  border-top-color: var(--red-500);
  border-bottom-color: var(--red-soft-200);
}

/* Titlebar + panel accents (was greenish rgba + #b1ddab / #a1cd9b) */
#titleBar {
  background-color: rgba(38, 10, 10, 0.8);
}

#titleBar .toggle:before {
  background: var(--red-500);
}

#titleBar .toggle:active:before {
  background-color: var(--red-550);
}

#navPanel {
  background-color: #3a1f1f; /* was #353c37 */
}

#navPanel .link {
  border-top-color: rgba(93, 47, 47, 0.15); /* was rgba(87,93,89,0.15) */
}

/* Banner button border and subtitle tint (was #575d59) */
#banner .content p,
#banner .content .button {
  color: #bfb0b0; /* was #b4b7b5 */
  border-color: rgba(93, 47, 47, 0.35);
}

#banner .content .button:hover {
  border-color: rgba(93, 47, 47, 0.75);
}

/* Contact icon tiles (was #c1cac5) */
ul.contact li a,
ul.special li a:before,
ul.special li span.icon:before {
  background: var(--red-soft-200);
}

/* Form focus border (was #a1cd9b) */
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
  border-color: var(--red-550);
}