﻿/* Conen Digital: accessible violet palette, isolated to the studio demo. */
:root { --studio-accent: #6334ae; --studio-ink: #29252f; }
body { color: var(--studio-ink); }
.main-color,
.about-list .a-icon,
.cube-portfolio1 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.news-item .news-title:hover,
.news-item .author .author-name:hover { color: var(--studio-accent); }
a:hover { color: var(--studio-accent); }
/* An opaque light navigation surface protects links over the photograph.
   The existing dark Conen logo stays unchanged. */
.navbar-top-default,
.header-appear .navbar-top-default { background: #fff; box-shadow: 0 1px 12px rgba(41,37,47,.08); }
.navbar-simple .navbar-nav .nav-link { color: var(--studio-ink); }
.nav-line .navbar-nav .nav-link::after { background: var(--studio-accent); }
/* Light directional scrim keeps the image bright and the copy readable. */
.home-banner { background-image: linear-gradient(90deg, rgba(250,247,242,.92) 0%, rgba(250,247,242,.80) 44%, rgba(250,247,242,.12) 72%), url('../img/slider-bg.jpg'); }
.heading-box p { color: #403b45; }
.btn.btn-purple { background: var(--studio-accent); border-color: var(--studio-accent); color: #fff; }
.btn.btn-purple:hover, .btn.btn-purple:focus { background: #4c268b !important; border-color: #4c268b; color: #fff !important; }
.side-menu, .team-detail .social-icon, .scroll-top-arrow,
.scroll-top-arrow:hover, .footer-social li a:hover { background-color: var(--studio-accent); }
.side-menu .social-icons-simple li a:hover { color: var(--studio-accent); }
/* White counter labels require a stronger violet scrim on the pale interior. */
.bg-img1 .bg-overlay { background: #35204f; opacity: .72; }
.cube-portfolio1 .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap { background: #35204f; }
.cube-portfolio1 .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { opacity: .88; }
.contact-form .form-control { color: #403b45; font-weight: 400; border-bottom-color: #827b8a; }
.contact-form .form-control::placeholder { color: #625b69; opacity: 1; }
.partners-slider .logo-item img { width: 170px; height: 60px; object-fit: contain; opacity: 1; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible,
.cbp-filter-item:focus-visible { outline: 3px solid var(--studio-accent); outline-offset: 4px; }
@media (max-width: 991px) {
  .home-banner { background-image: linear-gradient(180deg, rgba(250,247,242,.94) 0%, rgba(250,247,242,.86) 48%, rgba(250,247,242,.15) 76%), url('../img/slider-bg.jpg'); }
}
