/* Vibrant Color Scheme Override - Toned Down Professional Palette
 * Softer magenta, orange, and teal - less fluorescent
 */

/* ===== COLOR PALETTE ===== */
:root {
  --color-primary: #2ebaae !important;      /* Soft teal */
  --color-primary-dark: #229988 !important;
  --color-accent-magenta: #c71ff0 !important; /* Softer purple/magenta */
  --color-accent-orange: #d95612 !important;  /* Deeper orange */
  --color-accent-pink: #b81d77 !important;    /* Softer pink */
  --color-neutral-dark: #2a2a3e !important;
  --color-neutral-light: #f5f7fa !important;
  --color-text: #1a1a28 !important;
  --color-border: rgba(217, 86, 18, 0.2) !important;
}

/* ===== UNIVERSAL BACKGROUND & TEXT ===== */
html, body {
  background: #f5f7fa !important;
  color: #1a1a28 !important;
}

body {
  background-color: #f5f7fa !important;
  color: #1a1a28 !important;
}

div#wrapper, div.content, main {
  background-color: transparent !important;
  color: #1a1a28 !important;
}

/* ===== LINKS ===== */
a, a * {
  color: #2ebaae !important;
  text-decoration: none !important;
}

a {
  border-bottom: dotted 1px #2ebaae !important;
  transition: all 0.2s ease !important;
}

a:hover, a:active, a:focus {
  color: #c71ff0 !important;
  border-bottom-color: transparent !important;
  text-shadow: 0 0 8px rgba(199, 31, 240, 0.3) !important;
}

p a {
  color: #2ebaae !important;
}

p a:hover {
  color: #c71ff0 !important;
}

/* ===== HEADINGS ===== */
h1, h2, h3, h4, h5, h6 {
  color: #2a2a3e !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit !important;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
  color: #d95612 !important;
}

/* ===== ARTICLE & POSTS ===== */
article {
  background: transparent !important;
  color: #1a1a28 !important;
}

article h2, article h3 {
  color: #d95612 !important;
}

article a {
  color: #2ebaae !important;
}

article a:hover {
  color: #c71ff0 !important;
}

/* ===== BUTTONS & FORMS ===== */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button, a.button {
  background-color: transparent !important;
  border: solid 2px #c71ff0 !important;
  color: #c71ff0 !important;
  font-weight: 700 !important;
  padding: 0.75em 1.5em !important;
  transition: all 0.2s ease !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover, a.button:hover {
  background-color: #c71ff0 !important;
  color: #fff !important;
  box-shadow: 0 0 15px rgba(199, 31, 240, 0.3) !important;
}

input[type="submit"].alt,
input[type="reset"].alt,
input[type="button"].alt,
button.alt,
.button.alt {
  border: solid 2px #d95612 !important;
  color: #d95612 !important;
}

input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
input[type="button"].alt:hover,
button.alt:hover,
.button.alt:hover {
  background-color: #d95612 !important;
  border-color: #d95612 !important;
  color: #fff !important;
}

/* ===== FORM INPUTS ===== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
  border: solid 1px #d95612 !important;
  background: rgba(217, 86, 18, 0.03) !important;
  color: #1a1a28 !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  border-color: #c71ff0 !important;
  box-shadow: 0 0 8px rgba(199, 31, 240, 0.2) !important;
  background-color: rgba(199, 31, 240, 0.02) !important;
}

/* ===== CODE & PREFORMATTED ===== */
code {
  background: rgba(46, 186, 174, 0.08) !important;
  border: solid 1px #2ebaae !important;
  color: #2ebaae !important;
  padding: 0.25em 0.65em !important;
}

pre {
  background: #f5f7fa !important;
  border: solid 2px #d95612 !important;
  color: #2ebaae !important;
  padding: 1em 1.5em !important;
  overflow-x: auto !important;
}

pre code {
  background: transparent !important;
  border: none !important;
  color: #2ebaae !important;
  padding: 0 !important;
}

/* ===== BLOCKQUOTES ===== */
blockquote {
  border-left: solid 4px #d95612 !important;
  color: #1a1a28 !important;
  font-style: italic !important;
  padding: 0.5em 0 0.5em 2em !important;
  background: rgba(217, 86, 18, 0.04) !important;
}

blockquote p {
  color: #1a1a28 !important;
}

/* ===== LISTS ===== */
ol {
  color: #1a1a28 !important;
}

ol li {
  color: #1a1a28 !important;
}

ul {
  color: #1a1a28 !important;
}

ul li {
  color: #1a1a28 !important;
}

ul.alt li {
  border-top: solid 1px #d95612 !important;
}

/* ===== TABLES ===== */
table {
  color: #1a1a28 !important;
}

table tbody tr {
  border: solid 1px #d95612 !important;
}

table tbody tr:nth-child(2n + 1) {
  background-color: rgba(217, 86, 18, 0.04) !important;
}

table th {
  color: #fff !important;
  background-color: #2ebaae !important;
  border-bottom: solid 2px #d95612 !important;
  font-weight: 700 !important;
}

table td {
  color: #1a1a28 !important;
}

table tfoot {
  border-top: solid 2px #c71ff0 !important;
}

/* ===== BOXES & HIGHLIGHTS ===== */
.box {
  border: solid 1px #d95612 !important;
  background: rgba(217, 86, 18, 0.03) !important;
  color: #1a1a28 !important;
}

.box.alt {
  border-left: solid 4px #2ebaae !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background: rgba(46, 186, 174, 0.03) !important;
}

mark {
  background: rgba(217, 86, 18, 0.12) !important;
  color: #d95612 !important;
  padding: 0.25em 0.5em !important;
}

ins {
  background: rgba(46, 186, 174, 0.12) !important;
  color: #2ebaae !important;
  padding: 0.25em 0.5em !important;
  text-decoration: none !important;
}

del {
  opacity: 0.6 !important;
  text-decoration: line-through !important;
  color: #999 !important;
}

/* ===== HR & DIVIDERS ===== */
hr {
  border-bottom: solid 1px #d95612 !important;
  margin: 2.5em 0 !important;
}

/* ===== STRONG & EM ===== */
strong, b {
  color: #1a1a28 !important;
  font-weight: 700 !important;
}

em, i {
  color: #2ebaae !important;
  font-style: italic !important;
}

/* ===== TAGS & CATEGORIES ===== */
.tag, .category, .tags span, .categories span {
  background: rgba(46, 186, 174, 0.1) !important;
  border: solid 1px #2ebaae !important;
  color: #2ebaae !important;
  display: inline-block !important;
  font-size: 0.8em !important;
  padding: 0.4em 0.8em !important;
  border-radius: 3px !important;
  margin: 0.25em !important;
  transition: all 0.2s ease !important;
}

.tag:hover, .category:hover, .tags span:hover, .categories span:hover {
  background: #2ebaae !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(46, 186, 174, 0.2) !important;
  transform: translateY(-2px) !important;
}

/* ===== SIDEBAR & ASIDE ===== */
aside {
  border: solid 1px #2ebaae !important;
  background: rgba(46, 186, 174, 0.03) !important;
  color: #1a1a28 !important;
}

aside h3 {
  color: #2ebaae !important;
  border-bottom: solid 2px #d95612 !important;
}

aside a {
  color: #2ebaae !important;
}

aside a:hover {
  color: #c71ff0 !important;
}

/* ===== POST META ===== */
.post-meta {
  color: #666 !important;
}

.post-meta a {
  color: #2ebaae !important;
}

.post-meta a:hover {
  color: #c71ff0 !important;
}

/* ===== ICONS ===== */
i, .icon, .fa {
  color: #d95612 !important;
}

i:hover, .icon:hover, .fa:hover {
  color: #c71ff0 !important;
  text-shadow: 0 0 8px rgba(199, 31, 240, 0.2) !important;
}

/* ===== SECTION STYLING ===== */
section {
  color: #1a1a28 !important;
}

section h2, section h3 {
  color: #d95612 !important;
}

section a {
  color: #2ebaae !important;
}

section a:hover {
  color: #c71ff0 !important;
}

/* ===== UTILITY CLASSES ===== */
.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

/* ===== FOOTER ===== */
footer {
  background: #2a2a3e !important;
  color: #f5f7fa !important;
  border-top: solid 1px #d95612 !important;
}

footer a {
  color: #2ebaae !important;
}

footer a:hover {
  color: #c71ff0 !important;
}

footer h3, footer h4 {
  color: #d95612 !important;
}

/* ===== NAVBAR/HEADER ===== */
header, nav {
  background: transparent !important;
  color: #1a1a28 !important;
}

header a, nav a {
  color: #2ebaae !important;
}

header a:hover, nav a:hover {
  color: #c71ff0 !important;
}

/* ===== RESPONSIVE ===== */
@media screen and (max-width: 480px) {
  body {
    font-size: 14pt !important;
  }
}

/* ===== UNIVERSAL BACKGROUND & TEXT ===== */
html, body {
  background: linear-gradient(135deg, #f0f3ff 0%, #ffe8f0 100%) !important;
  color: #0d1117 !important;
}

body {
  background-color: #f0f3ff !important;
  color: #0d1117 !important;
}

div#wrapper, div.content, main {
  background-color: transparent !important;
  color: #0d1117 !important;
}

/* ===== LINKS ===== */
a, a * {
  color: #00d9ff !important;
  text-decoration: none !important;
}

a {
  border-bottom: dotted 2px #ff00ff !important;
  transition: all 0.2s ease !important;
}

a:hover, a:active, a:focus {
  color: #ff00ff !important;
  border-bottom-color: transparent !important;
  text-shadow: 0 0 10px rgba(255, 0, 255, 0.6) !important;
}

p a {
  color: #00d9ff !important;
}

p a:hover {
  color: #ff00ff !important;
}

/* ===== HEADINGS ===== */
h1, h2, h3, h4, h5, h6 {
  color: #1a1a2e !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit !important;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
  color: #ff6b35 !important;
}

/* ===== ARTICLE & POSTS ===== */
article {
  background: transparent !important;
  color: #0d1117 !important;
}

article h2, article h3 {
  color: #ff6b35 !important;
}

article a {
  color: #00d9ff !important;
}

article a:hover {
  color: #ff00ff !important;
}

/* ===== BUTTONS & FORMS ===== */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button, a.button {
  background-color: transparent !important;
  border: solid 2px #ff00ff !important;
  color: #ff00ff !important;
  font-weight: 700 !important;
  padding: 0.75em 1.5em !important;
  transition: all 0.2s ease !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover, a.button:hover {
  background-color: #ff00ff !important;
  color: #fff !important;
  box-shadow: 0 0 20px rgba(255, 0, 255, 0.5) !important;
}

input[type="submit"].alt,
input[type="reset"].alt,
input[type="button"].alt,
button.alt,
.button.alt {
  border: solid 2px #ff6b35 !important;
  color: #ff6b35 !important;
}

input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
input[type="button"].alt:hover,
button.alt:hover,
.button.alt:hover {
  background-color: #ff6b35 !important;
  border-color: #ff6b35 !important;
  color: #fff !important;
}

/* ===== FORM INPUTS ===== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
  border: solid 1px #ff6b35 !important;
  background: rgba(255, 107, 53, 0.02) !important;
  color: #0d1117 !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  border-color: #ff00ff !important;
  box-shadow: 0 0 10px rgba(255, 0, 255, 0.3) !important;
  background-color: rgba(255, 0, 255, 0.04) !important;
}

/* ===== CODE & PREFORMATTED ===== */
code {
  background: rgba(255, 0, 255, 0.1) !important;
  border: solid 1px #ff00ff !important;
  color: #ff00ff !important;
  padding: 0.25em 0.65em !important;
}

pre {
  background: #1a1a2e !important;
  border: solid 2px #ff6b35 !important;
  color: #00d9ff !important;
  padding: 1em 1.5em !important;
  overflow-x: auto !important;
}

pre code {
  background: transparent !important;
  border: none !important;
  color: #00d9ff !important;
  padding: 0 !important;
}

/* ===== BLOCKQUOTES ===== */
blockquote {
  border-left: solid 4px #ff6b35 !important;
  color: #0d1117 !important;
  font-style: italic !important;
  padding: 0.5em 0 0.5em 2em !important;
  background: rgba(255, 107, 53, 0.05) !important;
}

blockquote p {
  color: #0d1117 !important;
}

/* ===== LISTS ===== */
ol {
  color: #0d1117 !important;
}

ol li {
  color: #0d1117 !important;
}

ul {
  color: #0d1117 !important;
}

ul li {
  color: #0d1117 !important;
}

ul.alt li {
  border-top: solid 1px #ff6b35 !important;
}

/* ===== TABLES ===== */
table {
  color: #0d1117 !important;
}

table tbody tr {
  border: solid 1px #ff6b35 !important;
}

table tbody tr:nth-child(2n + 1) {
  background-color: rgba(255, 107, 53, 0.05) !important;
}

table th {
  color: #ff00ff !important;
  background-color: rgba(255, 0, 255, 0.1) !important;
  border-bottom: solid 2px #ff6b35 !important;
  font-weight: 700 !important;
}

table td {
  color: #0d1117 !important;
}

table tfoot {
  border-top: solid 2px #ff00ff !important;
}

/* ===== BOXES & HIGHLIGHTS ===== */
.box {
  border: solid 2px #ff6b35 !important;
  background: rgba(255, 107, 53, 0.05) !important;
  color: #0d1117 !important;
}

.box.alt {
  border-left: solid 4px #00d9ff !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background: rgba(0, 217, 255, 0.05) !important;
}

mark {
  background: rgba(255, 107, 53, 0.2) !important;
  color: #ff6b35 !important;
  padding: 0.25em 0.5em !important;
}

ins {
  background: rgba(0, 217, 255, 0.2) !important;
  color: #00d9ff !important;
  padding: 0.25em 0.5em !important;
  text-decoration: none !important;
}

del {
  opacity: 0.6 !important;
  text-decoration: line-through !important;
  color: #999 !important;
}

/* ===== HR & DIVIDERS ===== */
hr {
  border-bottom: solid 2px #ff6b35 !important;
  margin: 2.5em 0 !important;
}

/* ===== STRONG & EM ===== */
strong, b {
  color: #0d1117 !important;
  font-weight: 700 !important;
}

em, i {
  color: #00d9ff !important;
  font-style: italic !important;
}

/* ===== TAGS & CATEGORIES ===== */
.tag, .category, .tags span, .categories span {
  background: linear-gradient(135deg, rgba(255, 0, 255, 0.15), rgba(255, 107, 53, 0.15)) !important;
  border: solid 1px #ff00ff !important;
  color: #ff00ff !important;
  display: inline-block !important;
  font-size: 0.8em !important;
  padding: 0.4em 0.8em !important;
  border-radius: 3px !important;
  margin: 0.25em !important;
  transition: all 0.2s ease !important;
}

.tag:hover, .category:hover, .tags span:hover, .categories span:hover {
  background: linear-gradient(135deg, #ff00ff, #ff6b35) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(255, 0, 255, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* ===== SIDEBAR & ASIDE ===== */
aside {
  border: solid 2px #00d9ff !important;
  background: rgba(0, 217, 255, 0.02) !important;
  color: #0d1117 !important;
}

aside h3 {
  color: #00d9ff !important;
  border-bottom: solid 2px #ff6b35 !important;
}

aside a {
  color: #00d9ff !important;
}

aside a:hover {
  color: #ff00ff !important;
}

/* ===== POST META ===== */
.post-meta {
  color: #666 !important;
}

.post-meta a {
  color: #00d9ff !important;
}

.post-meta a:hover {
  color: #ff00ff !important;
}

/* ===== ICONS ===== */
i, .icon, .fa {
  color: #ff6b35 !important;
}

i:hover, .icon:hover, .fa:hover {
  color: #ff00ff !important;
  text-shadow: 0 0 10px rgba(255, 0, 255, 0.5) !important;
}

/* ===== SECTION STYLING ===== */
section {
  color: #0d1117 !important;
}

section h2, section h3 {
  color: #ff6b35 !important;
}

section a {
  color: #00d9ff !important;
}

section a:hover {
  color: #ff00ff !important;
}

/* ===== UTILITY CLASSES ===== */
.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

/* ===== FOOTER ===== */
footer {
  background: rgba(26, 26, 46, 0.8) !important;
  color: #f0f3ff !important;
  border-top: solid 2px #ff6b35 !important;
}

footer a {
  color: #00d9ff !important;
}

footer a:hover {
  color: #ff00ff !important;
}

footer h3, footer h4 {
  color: #ff6b35 !important;
}

/* ===== NAVBAR/HEADER ===== */
header, nav {
  background: transparent !important;
  color: #0d1117 !important;
}

header a, nav a {
  color: #00d9ff !important;
}

header a:hover, nav a:hover {
  color: #ff00ff !important;
}

/* ===== RESPONSIVE ===== */
@media screen and (max-width: 480px) {
  body {
    font-size: 14pt !important;
  }
}