/* =========================================================
   VINKO WEB — SOLID GLOBAL COLORS v2.5.0
   COLOR-ONLY public-site layer.
   No layout, spacing, grid, typography-size or responsiveness changes.
   ========================================================= */

:root{
  --vinko-solid-blue:#001EFF;
  --vinko-solid-blue-dark:#0014CC;
  --vinko-solid-blue-deep:#00106F;
  --vinko-solid-navy:#061747;
  --vinko-solid-yellow:#FFD400;
  --vinko-solid-yellow-dark:#E7B900;
  --vinko-solid-red:#E30613;
  --vinko-solid-ink:#08152F;
  --vinko-solid-muted:#4F5C73;
  --vinko-solid-line:#C9D3E4;
  --vinko-solid-soft-blue:#E3E9FF;
  --vinko-solid-soft-yellow:#FFF0A8;
}

/* Primary public accents */
main a:not(.text-muted),
main .text-primary,
main .link-primary,
main .active,
main .is-active{
  color:var(--vinko-solid-blue);
}

/* Buttons */
main .btn-primary,
main button.btn-primary,
main input[type="submit"],
main .primary-btn,
main .cta-primary{
  background:var(--vinko-solid-blue) !important;
  border-color:var(--vinko-solid-blue) !important;
  color:#fff !important;
}

main .btn-primary:hover,
main button.btn-primary:hover,
main input[type="submit"]:hover,
main .primary-btn:hover,
main .cta-primary:hover{
  background:var(--vinko-solid-blue-dark) !important;
  border-color:var(--vinko-solid-blue-dark) !important;
}

main .btn-warning,
main .btn-yellow,
main .btn-accent,
main .cta-yellow,
main .yellow-btn{
  background:var(--vinko-solid-yellow) !important;
  border-color:var(--vinko-solid-yellow) !important;
  color:#111827 !important;
}

main .btn-warning:hover,
main .btn-yellow:hover,
main .btn-accent:hover,
main .cta-yellow:hover,
main .yellow-btn:hover{
  background:var(--vinko-solid-yellow-dark) !important;
  border-color:var(--vinko-solid-yellow-dark) !important;
}

/* Headings/body contrast */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6{
  color:var(--vinko-solid-ink);
}

main p,
main li{
  color:var(--vinko-solid-muted);
}

/* Kicker / label / emphasized text */
main .kicker,
main .eyebrow,
main .overline,
main .section-kicker,
main .section-label,
main .blue,
main .accent-blue{
  color:var(--vinko-solid-blue) !important;
}

main .yellow,
main .accent-yellow{
  color:var(--vinko-solid-yellow) !important;
}

/* Cards, pills, filters */
main .card,
main .service-card,
main .course-card,
main .product-card,
main .project-card,
main .portfolio-card,
main .blog-card,
main .pricing-card,
main .feature-card,
main .testimonial-card{
  border-color:var(--vinko-solid-line) !important;
}

main .badge,
main .tag,
main .pill,
main .chip,
main .filter-btn,
main .tab{
  border-color:#BFCBE0 !important;
}

main .badge-primary,
main .tag-primary,
main .pill-primary,
main .filter-btn.active,
main .tab.active{
  color:var(--vinko-solid-blue) !important;
  background:var(--vinko-solid-soft-blue) !important;
  border-color:#9FB2FF !important;
}

main .badge-warning,
main .tag-warning,
main .pill-warning{
  color:#3C3000 !important;
  background:var(--vinko-solid-soft-yellow) !important;
  border-color:#E7C300 !important;
}

/* Icon surfaces */
main .icon,
main .icon-wrap,
main .service-icon,
main .feature-icon,
main .card-icon,
main .stat-icon,
main .mini-ico{
  color:var(--vinko-solid-blue);
}

/* Dark panels and CTAs */
main .dashboard-card,
main .studio-card,
main .terminal,
main .terminal-window,
main .code-window,
main .code-panel,
main .cta,
main .cta-box,
main .cta-banner,
main .final-cta{
  --vinko-dark-panel:var(--vinko-solid-navy);
}

/* Public footer only */
footer.footer{
  background:var(--vinko-solid-navy) !important;
  border-top-color:var(--vinko-solid-yellow) !important;
}

footer.footer a:hover{
  color:var(--vinko-solid-yellow) !important;
}

/* Existing public header presentation only — no geometry changes */
.site-header nav a:hover,
.site-header nav a.active,
.site-header .nav-link:hover,
.site-header .nav-link.active{
  color:var(--vinko-solid-blue) !important;
}

.site-header .btn,
.site-header .hire-me,
.site-header a[class*="btn"]{
  background:var(--vinko-solid-yellow) !important;
  border-color:var(--vinko-solid-yellow) !important;
  color:#111827 !important;
}

/* Vinko locked homepage v2.3.x / v2.4.x — COLORS ONLY */
.vwl-home{
  --b:#001EFF !important;
  --b2:#0014CC !important;
  --bd:#00106F !important;
  --n:#061747 !important;
  --y:#FFD400 !important;
  --yd:#E7B900 !important;
  --ink:#08152F !important;
  --mut:#4F5C73 !important;
  --bg:#F3F5FA !important;
  --line:#C9D3E4 !important;
}

.vwl-home .hero{
  background:
    radial-gradient(circle at 88% 20%,rgba(0,30,255,.16),transparent 28%),
    linear-gradient(180deg,#fff,#F8FAFF) !important;
}

.vwl-home .blue,
.vwl-home .kicker,
.vwl-home .learn,
.vwl-home .chev,
.vwl-home .outline-btn{
  color:#001EFF !important;
}

.vwl-home .yellow{
  color:#FFD400 !important;
}

.vwl-home .btn-yellow{
  background:#FFD400 !important;
  border-color:#FFD400 !important;
  color:#111827 !important;
}

.vwl-home .btn-yellow:hover{
  background:#E7B900 !important;
  border-color:#E7B900 !important;
}

.vwl-home .btn-outline,
.vwl-home .outline-btn{
  border-color:#001EFF !important;
}

.vwl-home .mini-ico,
.vwl-home .stat-ico,
.vwl-home .service .ic,
.vwl-home .avatar{
  background:#E3E9FF !important;
  color:#001EFF !important;
}

.vwl-home .stat:first-child .stat-ico{
  background:#FFF0A8 !important;
  color:#9B7300 !important;
}

.vwl-home .dash{
  background:linear-gradient(135deg,#00106F,#001EFF) !important;
}

.vwl-home .side,
.vwl-home .chart-box{
  border-color:#C9D3E4 !important;
}

.vwl-home .side{
  background:#061747 !important;
}

.vwl-home .side-link.active{
  background:#001EFF !important;
}

.vwl-home .kpi,
.vwl-home .chart-box,
.vwl-home .service,
.vwl-home .project,
.vwl-home .small-card,
.vwl-home .test,
.vwl-home .stats{
  border-color:#C9D3E4 !important;
}

.vwl-home .tag,
.vwl-home .badge{
  background:#E3E9FF !important;
  color:#001EFF !important;
}

.vwl-home .cta{
  background:linear-gradient(135deg,#061747,#001EFF) !important;
}

.vwl-home .dot{
  background:#FFD400 !important;
  color:#061747 !important;
}

/* Stronger branded soft sections without changing their layout */
.vwl-home .soft,
main .section-alt,
main .bg-light{
  background:#F3F5FA !important;
}