/* DreamsFlo Color Scheme Override */

/* Root color variables */
:root {
  --primary-bg: #0a1e2e;
  --secondary-bg: #153548;
  --accent-cyan: #3d9db5;
  --text-white: #ffffff;
  --text-light: #b8c5d0;
  --text-muted: #8a9ba8;
}

/* Global background */
body {
  background: linear-gradient(135deg, #0a1e2e 0%, #153548 100%);
  color: var(--text-light);
}

/* Header styling */
header {
  background: transparent;
  background-color: rgba(10, 30, 46, 0.95);
}

header h1 {
  color: var(--text-white) !important;
}

header h2 {
  color: var(--text-light) !important;
}

/* Navigation */
#nav-wrap {
  background: rgba(21, 53, 72, 0.95);
}

#nav-wrap ul#nav li a {
  color: var(--text-light);
}

#nav-wrap ul#nav li a:hover,
#nav-wrap ul#nav li.current a {
  color: var(--accent-cyan);
}

/* Social icons */
.social li a {
  color: var(--text-light);
  background: rgba(61, 157, 181, 0.2);
  border: 1px solid var(--accent-cyan);
}

.social li a:hover {
  background: var(--accent-cyan);
  color: var(--text-white);
}

/* About section */
#about {
  background: rgba(21, 53, 72, 0.8);
  padding: 96px 0;
}

#about h2 {
  color: var(--text-white);
}

#about p {
  color: var(--text-light);
}

#about p span {
  color: var(--accent-cyan);
}

/* Resume section */
#resume {
  background: rgba(10, 30, 46, 0.9);
  padding: 90px 0;
}

#resume h1 {
  color: var(--accent-cyan);
}

#resume h3 {
  color: var(--text-white);
}

#resume .info {
  color: var(--text-muted);
}

#resume p, #resume li {
  color: var(--text-light);
}

#resume .date {
  color: var(--accent-cyan);
}

/* Links */
a {
  color: var(--accent-cyan);
}

a:hover {
  color: var(--text-white);
}

/* Scrolldown button */
.scrolldown a {
  color: var(--accent-cyan);
}

.scrolldown a:hover {
  color: var(--text-white);
}

/* Footer */
footer {
  background: rgba(10, 30, 46, 0.95);
  color: var(--text-light);
}

footer a {
  color: var(--text-light);
}

footer a:hover {
  color: var(--accent-cyan);
}

/* Go to top button */
#go-top {
  background-color: var(--accent-cyan);
}

#go-top:hover {
  background-color: var(--text-white);
}

#go-top a {
  color: var(--text-white);
}

#go-top a:hover {
  color: var(--primary-bg);
}

/* Ensure profile image has proper border */
.profile-pic {
  border: 4px solid var(--accent-cyan);
  box-shadow: 0 0 20px rgba(61, 157, 181, 0.3);
}

/* Responsive headline styling */
.responsive-headline {
  color: var(--text-white) !important;
}

/* Counter text styling */
#Counter {
  color: var(--accent-cyan);
  font-weight: bold;
}