/*
* Theme: OJIND (uniform azure on ink)
* Accent: #3b82f6 (azure)
*/

.cursor-follower { background: #3b82f6; }

a:hover { color: #3b82f6; }

.ink { background: #3b82f6; }

a.btn,
.btn,
.single-post-text input[type="submit"] {
  color: #3b82f6;
  border-color: #3b82f6;
}

button:hover { border-bottom-color: #3b82f6; }

.section.started .started-content .h-title strong { color: #3b82f6; }

.section.started .started-content .h-subtitle strong,
.section.started .started-content .typed-subtitle strong { color: #3b82f6; }

.section.started .mouse_btn { color: #3b82f6; }

.info-list ul li strong { color: #3b82f6; }

.resume-items .resume-item.active .date { color: #3b82f6; }

.skills ul li .progress .percentage { background: #3b82f6; }
.skills.list ul li .name:before { color: #3b82f6; }
.skills.dotted ul li .progress .da span { background: #3b82f6; }

.skills.circles .progress .bar,
.skills.circles .progress[class*="p"] .fill { border-color: #3b82f6; }

.service-items .service-item .icon { color: #3b82f6; }

.section.works .filters label.glitch-effect { color: #3b82f6; }

.started-content .date {
  color: #3b82f6;
  border-color: #3b82f6;
}

.single-post-text p a,
.comment-text p a { color: #3b82f6; }

blockquote { border-left-color: #3b82f6; }

.single-post-text ul > li:before,
.comment-text ul > li:before { background: #3b82f6; }

.post-text-bottom span.cat-links a { color: #3b82f6; }

.post-text-bottom .tags-links a,
.post-text-bottom .tags-links span {
  color: #3b82f6;
  border-color: #3b82f6;
}

.content-sidebar .widget ul li a:hover { color: #3b82f6; }

.content-sidebar .tagcloud a {
  color: #3b82f6;
  border-color: #3b82f6;
}

.pricing-item .icon { color: #3b82f6; }

.pricing-item .feature-list ul li strong { background: #3b82f6; }

.mask-lnk.mask-lnk-hover { color: #3b82f6; }

/* Pure black ink backdrop over Cvio's default #101010 */
body,
.container,
.wrapper { background: #070707; }

/* Sticky header — keep the same color and padding on scroll (Cvio flips it to #101010 with extra padding) */
.header.fixed {
  background: #070707 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Anchor headshot: expose top of head + full shoulders per operator crop */
.section.started .started-content .logo {
  background-position: 50% 0% !important;
}

/* Hero title — Bricolage Grotesque, bigger + more personality than default */
.section.started .started-content .h-title {
  font-family: "Bricolage Grotesque", "Space Grotesk", -apple-system, sans-serif;
  font-weight: 600;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em;
  max-width: 640px !important;
}
.section.started .started-content .h-title strong {
  font-weight: 800;
}
.section.started.personal .started-content .h-title {
  width: 560px !important;
  max-width: 560px !important;
  left: 52% !important;
  margin-left: 0 !important;
}

/* Typing subtitle column shifted left */
.section.started.personal .started-content .typed-subtitle,
.section.started.personal .started-content .typed-bread {
  left: 12% !important;
}

/* Header logo — keep it clean; use Space Grotesk for slight upgrade over Roboto */
.logo.hover-masks-logo .mask-lnk {
  font-family: "Space Grotesk", "Roboto", -apple-system, sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Verse-of-day block under the logo */
.votd {
  display: block;
  margin-top: 14px;
  max-width: 380px;
  font-family: "Instrument Serif", Georgia, serif;
  font-style: italic;
  color: #a1a1aa;
  font-size: 20px;
  line-height: 1.35;
}
.votd .votd-text { display: block; }
.votd .votd-ref {
  display: block;
  margin-top: 6px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
  font-style: normal;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #3b82f6;
}