:root {
  --hf-accent: #2f6bff;
  --hf-accent-dark: #1f4fd6;
  --hf-ink: #1c1c1c;
  --hf-ink-light: #e6e8eb;
}

:root,
[data-bs-theme=light] {
  --bs-blue: #2f6bff;
  --bs-primary: #2f6bff;
  --bs-link-color: #2f6bff;
}

.form-control:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
}

.form-select:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
}

.form-check-input:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
}

.form-check-input:checked {
  background-color: #2f6bff;
  border-color: #2f6bff;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #2f6bff;
  border-color: #2f6bff;
}

.form-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #1d2025, 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
  box-shadow: 0 0 0 1px #1d2025, 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #1d2025, 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
}

.form-range::-webkit-slider-thumb {
  background-color: #2f6bff;
}

.form-range::-moz-range-thumb {
  background-color: #2f6bff;
}

.btn-primary {
  --bs-btn-bg: #2f6bff;
  --bs-btn-border-color: #2f6bff;
  --bs-btn-disabled-bg: #2f6bff;
  --bs-btn-disabled-border-color: #2f6bff;
}

.btn-outline-primary {
  --bs-btn-color: #2f6bff;
  --bs-btn-border-color: #2f6bff;
  --bs-btn-hover-bg: #2f6bff;
  --bs-btn-hover-border-color: #2f6bff;
  --bs-btn-active-bg: #2f6bff;
  --bs-btn-active-border-color: #2f6bff;
  --bs-btn-disabled-color: #2f6bff;
  --bs-btn-disabled-border-color: #2f6bff;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: #2f6bff;
}

.dropdown-menu-dark {
  --bs-dropdown-link-active-bg: #2f6bff;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #2f6bff;
}

.accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
}

.pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
  --bs-pagination-active-bg: #2f6bff;
  --bs-pagination-active-border-color: #2f6bff;
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: #2f6bff;
}

.list-group {
  --bs-list-group-active-bg: #2f6bff;
  --bs-list-group-active-border-color: #2f6bff;
}

.btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(47, 107, 255, 0.25);
}

.alert-primary {
  background-color: rgba(47, 107, 255, 0.9);
  border-color: #2f6bff;
}

.alert-outline-primary {
  color: #2f6bff !important;
  border-color: #2f6bff;
}

.bg-primary {
  background-color: #2f6bff !important;
}

.bg-soft-primary {
  background-color: rgba(47, 107, 255, 0.1) !important;
  border: 1px solid rgba(47, 107, 255, 0.1) !important;
  color: #2f6bff !important;
}

.text-primary {
  color: #2f6bff !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(194, 85, 2) !important;
}

.btn-soft-primary {
  background-color: rgba(47, 107, 255, 0.05) !important;
  border: 1px solid rgba(47, 107, 255, 0.05) !important;
  color: #2f6bff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
  box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
}

.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus {
  background-color: #2f6bff !important;
  border-color: #2f6bff !important;
}

.btn-link.primary:hover, .btn-link.primary:focus, .btn-link.primary:active, .btn-link.primary.active, .btn-link.primary.focus, .btn-link.primary:not(:disabled):not(.disabled):active {
  color: #2f6bff !important;
}

.btn-link.primary:after {
  background-color: #2f6bff !important;
}

.breadcrumb .breadcrumb-item a:hover {
  color: #2f6bff;
}

.breadcrumb .breadcrumb-item.active {
  color: #2f6bff;
}

.blockquote {
  border-left: 3px solid #2f6bff;
}

.blockquote-wrapper .blockquote {
  border: 2px solid #2f6bff;
}

.blockquote-wrapper .blockquote:after {
  border: 2px solid #2f6bff;
}

.dropdown-primary .dropdown-menu .dropdown-item:hover, .dropdown-primary .dropdown-menu .dropdown-item.active, .dropdown-primary .dropdown-menu .dropdown-item:active, .dropdown-primary .dropdown-menu .dropdown-item.focus, .dropdown-primary .dropdown-menu .dropdown-item:focus {
  color: #2f6bff !important;
}

.pagination .page-item .page-link:hover {
  background: rgba(47, 107, 255, 0.9);
  border-color: rgba(47, 107, 255, 0.9);
}

.pagination .page-item.active .page-link {
  background: #2f6bff !important;
  border-color: #2f6bff;
}

.shadow-primary {
  -webkit-box-shadow: 0 2px 8px 0 rgba(47, 107, 255, 0.3);
  box-shadow: 0 2px 8px 0 rgba(47, 107, 255, 0.3);
}

::-moz-selection {
  background: rgba(47, 107, 255, 0.9);
}

::selection {
  background: rgba(47, 107, 255, 0.9);
}

#topnav .has-submenu.active .submenu li.active > a {
  color: #2f6bff !important;
}

#topnav .has-submenu.active.active .menu-arrow {
  border-color: #2f6bff;
}

#topnav .has-submenu .submenu .has-submenu .submenu .has-submenu:hover .submenu-arrow {
  border-color: #2f6bff;
}

#topnav .has-submenu .submenu .has-submenu:hover > .submenu-arrow {
  border-color: #2f6bff;
}

#topnav .navbar-toggle.open span:hover {
  background-color: #2f6bff;
}

#topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {
  color: #2f6bff !important;
}

#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active {
  color: #2f6bff;
}

#topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a {
  color: #2f6bff;
}

#topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow {
  border-color: #2f6bff;
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
  color: #2f6bff !important;
}

#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {
  border-color: #2f6bff !important;
}

#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
  color: #2f6bff !important;
}

@media (min-width: 992px) {
  #topnav .navigation-menu > li .submenu li a:hover {
    color: #2f6bff !important;
  }
}

@media (min-width: 992px) {
  #topnav .navigation-menu > li:hover > .menu-arrow {
    border-color: #2f6bff;
  }
}

@media (min-width: 992px) {
  #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {
    color: #2f6bff !important;
  }
}

@media (max-width: 991px) {
  #topnav .navigation-menu > li > a:hover,
      #topnav .navigation-menu > li .submenu li a:hover,
      #topnav .navigation-menu > li.has-submenu.open > a {
    color: #2f6bff;
  }
}

@media (max-width: 991px) {
  #topnav .has-submenu.active a {
    color: #2f6bff;
  }
}

.sidebar-nav > .navbar-item:hover .navbar-link, .sidebar-nav > .navbar-item.active .navbar-link {
  color: #2f6bff !important;
}

#navmenu-nav li.active a {
  color: #2f6bff !important;
}

#navmenu-nav li.account-menu.active .navbar-link, #navmenu-nav li.account-menu:hover .navbar-link {
  background-color: #2f6bff !important;
}

.accordion .accordion-item .accordion-button:before {
  color: #2f6bff;
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
  color: #2f6bff;
}

#preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {
  background-color: #2f6bff;
}

.form-control:focus {
  border-color: #2f6bff;
}

.form-check-input:focus {
  border-color: #2f6bff;
}

.form-check-input.form-check-input:checked {
  background-color: #2f6bff;
  border-color: #2f6bff;
}

.blog.blog-primary .tag {
  background: #2f6bff !important;
}

.blog.blog-primary .title:hover,
.blog.blog-primary .readmore:hover {
  color: #2f6bff !important;
}

.blog.blog-primary .link {
  color: #2f6bff !important;
}

.sidebar .widget .blog-categories li a:hover {
  color: #2f6bff;
}

.sidebar .widget .post-recent .post-recent-content a:hover {
  color: #2f6bff;
}

.tagcloud > a:hover {
  background: #2f6bff;
}

.media-list .media .media-heading:hover {
  color: #2f6bff !important;
}

.job-box.job-primary .position a:hover {
  color: #2f6bff !important;
}

.job-box.job-primary .company-name:hover {
  color: #2f6bff !important;
}

.job-box.job-primary .title:hover,
.job-box.job-primary .readmore:hover {
  color: #2f6bff !important;
}

.job-box.job-primary .icons {
  color: #2f6bff !important;
}

.job-box.job-primary.candidate-list .name:hover, .job-box.job-primary.company-list .name:hover {
  color: #2f6bff !important;
}

.job-box.job-primary .bg {
  background-color: #2f6bff !important;
}

.job-box.job-primary .bg-soft {
  background-color: rgba(47, 107, 255, 0.1) !important;
  border: 1px solid rgba(47, 107, 255, 0.1) !important;
  color: #2f6bff !important;
}

.job-box.job-primary .btn-soft {
  background-color: rgba(47, 107, 255, 0.05) !important;
  border: 1px solid rgba(47, 107, 255, 0.05) !important;
  color: #2f6bff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
  box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
}

.job-box.job-primary .btn-soft:hover, .job-box.job-primary .btn-soft:focus, .job-box.job-primary .btn-soft:active, .job-box.job-primary .btn-soft.active, .job-box.job-primary .btn-soft.focus {
  background-color: #2f6bff !important;
  border-color: #2f6bff !important;
}

.categories.category-primary .title:hover {
  color: #2f6bff !important;
}

.qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover, .qs-datepicker-container .qs-squares .qs-square.qs-current {
  background: #2f6bff;
}

.play-icon i {
  -webkit-text-stroke: 2px #2f6bff;
}

.play-icon i:hover {
  -webkit-text-stroke: 2px #2f6bff;
  -webkit-text-fill-color: #2f6bff;
}

.features.feature-primary .icon {
  background: rgba(47, 107, 255, 0.1);
}

.features.feature-primary .image:before {
  background: linear-gradient(45deg, transparent, rgba(47, 107, 255, 0.1));
}

.features.feature-primary .read-more,
.features.feature-primary .color {
  color: #2f6bff !important;
}

.features.feature-primary.feature-clean .icons {
  color: #2f6bff !important;
}

.features.feature-primary.feature-clean .icons i {
  background-color: rgba(47, 107, 255, 0.1);
}

.features.feature-primary.feature-clean .title:hover {
  color: #2f6bff !important;
}

.features.feature-primary.feature-full-bg .icon-color {
  color: #2f6bff !important;
}

.features.feature-primary.feature-full-bg:hover {
  background-color: #2f6bff !important;
}

.features.feature-primary.key-feature .icon {
  background: linear-gradient(45deg, transparent, rgba(47, 107, 255, 0.15));
  color: #2f6bff;
}

.features.feature-primary.course-feature .full-img {
  color: #2f6bff !important;
}

.features.feature-primary.explore-feature:hover .icons,
.features.feature-primary.explore-feature:hover .title {
  color: #2f6bff !important;
}

.features.feature-primary .btn-soft {
  background-color: rgba(47, 107, 255, 0.05) !important;
  border: 1px solid rgba(47, 107, 255, 0.05) !important;
  color: #2f6bff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
  box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
}

.features.feature-primary .btn-soft:hover, .features.feature-primary .btn-soft:focus, .features.feature-primary .btn-soft:active, .features.feature-primary .btn-soft.active, .features.feature-primary .btn-soft.focus {
  background-color: #2f6bff !important;
  border-color: #2f6bff !important;
}

.features.feature-primary:hover .image:before {
  background: rgba(47, 107, 255, 0.1);
}

.app-feature-shape-right:after,
.app-feature-shape-left:after,
.saas-feature-shape-left:after,
.saas-feature-shape-right:after,
.social-feature-left:after,
.social-feature-right:after {
  background: rgba(47, 107, 255, 0.1);
  -webkit-box-shadow: 0 0 40px rgba(47, 107, 255, 0.1);
  box-shadow: 0 0 40px rgba(47, 107, 255, 0.1);
}

.modern-app-round {
  background-color: rgba(47, 107, 255, 0.15);
}

.modern-app-round.primary-50 {
  background-color: rgba(47, 107, 255, 0.5) !important;
}

.modern-app-bg-shape:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(47, 107, 255, 0.3)), color-stop(35%, rgba(47, 107, 255, 0.5)), to(#2f6bff));
  background: linear-gradient(to right, rgba(47, 107, 255, 0.3) 0%, rgba(47, 107, 255, 0.5) 35%, #2f6bff 100%);
  -webkit-box-shadow: 0 0 40px rgba(47, 107, 255, 0.2);
  box-shadow: 0 0 40px rgba(47, 107, 255, 0.2);
}

.nft.nft-primary .title:hover,
.nft.nft-primary .read-more:hover {
  color: #2f6bff !important;
}

.nft.nft-primary .link {
  color: #2f6bff !important;
}

.nft.nft-primary .author .name:hover {
  color: #2f6bff !important;
}

.nft.nft-primary .bg-soft {
  background-color: rgba(47, 107, 255, 0.1) !important;
  border: 1px solid rgba(47, 107, 255, 0.1) !important;
  color: #2f6bff !important;
}

.nft.nft-primary .btn {
  background-color: #2f6bff !important;
  border: 1px solid #2f6bff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
  box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
}

.bg-circle-gradiant {
  background: radial-gradient(circle at 50% 50%, rgba(47, 107, 255, 0.1) 0%, rgba(47, 107, 255, 0.1) 33.333%, rgba(47, 107, 255, 0.2) 33.333%, rgba(47, 107, 255, 0.2) 66.666%, rgba(47, 107, 255, 0.3) 66.666%, rgba(47, 107, 255, 0.3) 99.999%);
}

.lawyer-wrapper:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(47, 107, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, rgba(47, 107, 255, 0.3), transparent);
}

.ai-hero .image:after {
  background-color: rgba(47, 107, 255, 0.4);
}

.freelance-hero .bg-shape:after {
  -webkit-box-shadow: 0 0 40px rgba(47, 107, 255, 0.5);
  box-shadow: 0 0 40px rgba(47, 107, 255, 0.5);
}

.carousel-indicators [data-bs-target] {
  background: #2f6bff !important;
}

.carousel-indicators .active {
  background-color: #2f6bff !important;
}

.bg-animation-left.crypto-home:after {
  background: #2f6bff;
}

.bg-animation-left.task-management-home:after {
  background: url("../images/task/bg.png") #2f6bff;
}

.classic-app-image .bg-app-shape:after,
.classic-saas-image .bg-saas-shape:after {
  -webkit-box-shadow: 0 0 40px rgba(47, 107, 255, 0.5);
  box-shadow: 0 0 40px rgba(47, 107, 255, 0.5);
  background-color: #2f6bff;
}

.swiper-slider-hero .swiper-container .swiper-button-prev:hover,
.swiper-slider-hero .swiper-container .swiper-button-next:hover {
  background: #2f6bff;
  border-color: #2f6bff !important;
}

.personal-hero:before {
  background: #2f6bff;
}

.pricing.pricing-primary.business-rate:hover {
  border-color: #2f6bff !important;
}

.pricing.pricing-primary.business-rate:hover .title {
  color: #2f6bff;
}

.pricing.pricing-primary.starter-plan {
  border-color: #2f6bff !important;
}

.pricing.pricing-primary .name,
.pricing.pricing-primary .icon {
  color: #2f6bff;
}

.ribbon.ribbon-primary span {
  background-color: #2f6bff !important;
}

.switcher-pricing .toggler--is-active {
  color: #2f6bff !important;
}

.team.team-primary .name:hover {
  color: #2f6bff !important;
}

.tns-nav button {
  background: rgba(47, 107, 255, 0.5) !important;
}

.tns-nav button.tns-nav-active {
  background: #2f6bff !important;
}

.tns-controls button[data-controls=prev]:hover,
.tns-controls button[data-controls=next]:hover {
  background: #2f6bff;
}

.tiny-timeline:before {
  background: #2f6bff;
}

.tiny-timeline .item-box:before, .tiny-timeline .item-box:after {
  background: #2f6bff;
}

.work-container.work-primary .title:hover {
  color: #2f6bff !important;
}

.work-container.work-primary.work-modern .work-icon, .work-container.work-primary.work-creative .work-icon {
  color: #2f6bff !important;
}

.work-container.work-primary.work-modern .work-icon:hover, .work-container.work-primary.work-creative .work-icon:hover {
  background: #2f6bff !important;
}

.work-container.work-primary .btn {
  background-color: #2f6bff !important;
  border: 1px solid #2f6bff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
  box-shadow: 0 3px 5px 0 rgba(47, 107, 255, 0.1);
}

.work-container.work-primary .bg {
  background-color: #2f6bff !important;
}

.work-container.work-primary .link {
  color: #2f6bff !important;
}

.container-filter li.active, .container-filter li:hover {
  color: #2f6bff !important;
  border-color: #2f6bff !important;
}

.container-filter.filter-border li.active, .container-filter.filter-border li:hover {
  color: #2f6bff !important;
}

.event-schedule.event-primary .date {
  color: #2f6bff !important;
}

.event-schedule.event-primary .date .day {
  background: rgba(47, 107, 255, 0.1);
  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(47, 107, 255, 0.5);
  box-shadow: 0px 0px 2px 0.25px rgba(47, 107, 255, 0.5);
}

.event-schedule.event-primary .content .title:hover {
  color: #2f6bff !important;
}

.event-schedule.event-primary:hover {
  border-color: #2f6bff !important;
}

.shop-list .content .product-name:hover {
  color: #2f6bff !important;
}

.timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after {
  background-color: #2f6bff;
}

.bg-linear-gradient-primary {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(47, 107, 255, 0)), color-stop(50%, rgba(47, 107, 255, 0.15)), to(rgba(47, 107, 255, 0.3)));
  background: linear-gradient(to top, rgba(47, 107, 255, 0) 0%, rgba(47, 107, 255, 0.15) 50%, rgba(47, 107, 255, 0.3) 100%);
}

.bg-primary-gradient-overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(47, 107, 255, 0)), color-stop(25%, rgba(47, 107, 255, 0.25)), color-stop(50%, rgba(47, 107, 255, 0.5)), color-stop(75%, rgba(47, 107, 255, 0.75)), to(#2f6bff));
  background: linear-gradient(to bottom, rgba(47, 107, 255, 0) 0%, rgba(47, 107, 255, 0.25) 25%, rgba(47, 107, 255, 0.5) 50%, rgba(47, 107, 255, 0.75) 75%, #2f6bff 100%);
}

.home-wrapper:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(47, 107, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, rgba(47, 107, 255, 0.3), transparent);
}

.background-effect .circles li {
  background: rgba(47, 107, 255, 0.15);
}

.border-primary {
  border-color: #2f6bff !important;
}

.social-icon li a:hover {
  background-color: #2f6bff;
  border-color: #2f6bff !important;
}

.social-icon li a:hover .fea-social {
  fill: #2f6bff;
}

.back-to-top {
  background: #2f6bff;
}

ul.pattern .color1 {
  background-color: #2f6bff;
}

h1, h2, h3, h4, h5, h6,
.title, .card-title, .section-title .title {
  color: var(--hf-ink);
}
[data-theme="dark"] h1, [data-theme="dark"] h2,
[data-theme="dark"] h3, [data-theme="dark"] h4,
[data-theme="dark"] h5, [data-theme="dark"] h6,
[data-theme="dark"] .title, [data-theme="dark"] .card-title {
  color: var(--hf-ink-light);
}

.hf-logo-dark { display: none; }
html[data-theme="dark"] .hf-logo-dark { display: inline-block; }
html[data-theme="dark"] .hf-logo-light { display: none; }

#topnav .logo { display: inline-flex; align-items: center; }
#topnav .logo img { height: 30px; width: auto; }
#topnav .hf-cart { position: relative; }
#topnav .hf-cart .hf-count {
  position: absolute; top: -7px; right: -9px; background: #2f6bff; color: #fff;
  font-size: 10px; font-weight: 700; line-height: 1; padding: 3px 6px;
  border-radius: 20px;
}
@media (min-width: 992px) {
  #topnav .navigation-menu > li > a { font-size: 13px; letter-spacing: .3px; }
  #topnav .buy-button .btn { padding: 5px 12px; font-size: 12px; }
}
.footer .logo-footer img { height: 30px; width: auto; }

#topnav .navigation-menu .submenu {
  background-color: #ffffff;
  border-radius: 14px;
  border: 1px solid #e2e6ec;
  box-shadow: 0 8px 28px rgba(28, 28, 28, .10);
  padding: 8px 0;
}
#topnav .navigation-menu .submenu li a { border-radius: 8px; margin: 0 6px; }
#topnav .navigation-menu .submenu li a:hover { background: #eaf0ff; color: #2f6bff; }
html[data-theme="dark"] #topnav .navigation-menu .submenu {
  background-color: #121519;
  border: 1px solid #494949;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] #topnav .navigation-menu .submenu li a:hover {
  background: #1a1d21;
}

.btn-primary .badge,
.btn-primary .badge.bg-soft-success,
.btn-primary .badge.bg-soft-primary,
.btn-primary .badge.bg-soft-warning {
  background: rgba(255, 255, 255, .24) !important;
  color: #ffffff !important;
}

.alert { border-width: 1px; border-style: solid; }
.alert-success { background: #e8f7ef !important; border-color: #b7e4cd !important; color: #12603f !important; }
.alert-warning { background: #edf2ff !important; border-color: #ffd8a8 !important; color: #8a4b00 !important; }
.alert-danger  { background: #fdecee !important; border-color: #f7c2c8 !important; color: #8a1b26 !important; }
.alert a { color: inherit; text-decoration: underline; font-weight: 600; }
html[data-theme="dark"] .alert-success { background: #10241b !important; border-color: #1e5039 !important; color: #8fe0b8 !important; }
html[data-theme="dark"] .alert-warning { background: #2a1d0c !important; border-color: #5c4118 !important; color: #f5c98a !important; }
html[data-theme="dark"] .alert-danger  { background: #2a1214 !important; border-color: #5c2329 !important; color: #f0a5ad !important; }

section.bg-home {
  height: auto !important;
  min-height: 100vh;
  padding-top: 120px;
  padding-bottom: 60px;
  align-items: flex-start !important;
}
@media (max-width: 767px) {
  section.bg-home { padding-top: 90px; min-height: 0; }
}

.hf-legal .card-body h3 { font-size: 1.05rem; font-weight: 700; margin: 1.8rem 0 .6rem; }
.hf-legal .card-body h3:first-child { margin-top: 0; }
.hf-legal .card-body h4 { font-size: .98rem; font-weight: 700; margin: 1.2rem 0 .4rem; }
.hf-legal .card-body p,
.hf-legal .card-body li { line-height: 1.75; }
.hf-legal .card-body p { margin-bottom: .6rem; }
.hf-legal .card-body ul { padding-left: 1.2rem; }
.hf-legal .card-body hr { margin: 1.5rem 0; opacity: .15; }

.accordion-item { background: var(--hf-surface); border: 1px solid var(--hf-border); }
.accordion-button { background: var(--hf-surface-2); color: var(--hf-text); box-shadow: none; }
.accordion-button:not(.collapsed) { background: var(--hf-surface-2); color: #2f6bff; }
.accordion-button::after { filter: none; }
html[data-theme="dark"] .accordion-button::after { filter: invert(1) brightness(1.6); }
.accordion-body { background: var(--hf-surface); color: var(--hf-text); }
.accordion-body p, .accordion-body li { color: var(--hf-text); opacity: .85; }

html[data-theme="dark"] .accordion .accordion-item,
html[data-theme="dark"] .accordion .accordion-button,
html[data-theme="dark"] .accordion .accordion-button.collapsed,
html[data-theme="dark"] .accordion .accordion-body {
  background-color: #1a1d21 !important; color: #e6e8eb !important; border-color: #2c3036 !important;
}
html[data-theme="dark"] .accordion .accordion-button:not(.collapsed) { color: #2f6bff !important; }
html[data-theme="dark"] .accordion .accordion-button::after { filter: invert(1) brightness(1.6); }