/**
 * YakPanel — Digital Marketing Light brand layer
 */
:root {
    --yak-green: #16A34A;
    --yak-green-light: #22C55E;
    --yak-green-gradient: linear-gradient(135deg, #16A34A 0%, #22C55E 100%);
}

html.capnis-light body.yak-dm-layout {
    background: #f6f6f9;
    color: #111013;
}

html.capnis-light .yak-dm-layout .site-wrapper,
html.capnis-light .yak-dm-layout #smooth-wrapper {
    background: #f6f6f9;
}

.yak-dm-layout .tp-btn-yellow-green,
.yak-dm-layout .tp-btn-yellow-green.green-solid {
    background: var(--yak-green-gradient) !important;
    color: #fff !important;
    border: none !important;
}

.yak-dm-layout .tp-btn-black-square {
    transition: transform 220ms ease, box-shadow 220ms ease;
}

.yak-dm-layout .tp-btn-black-square:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(22, 163, 74, 0.25);
}

.yak-dm-layout .form-control:focus,
.yak-dm-layout input:focus,
.yak-dm-layout select:focus,
.yak-dm-layout textarea:focus {
    border-color: var(--yak-green) !important;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.28) !important;
}

.yak-dm-layout .dgm-service-link:hover,
.yak-dm-layout .dgm-footer-widget-menu a:hover {
    color: var(--yak-green-light);
}

.yak-dm-layout .capnis-header-cart-wrap .capnis-header-cart {
    color: inherit;
}

.yak-dm-layout .yak-header-mobile-auth {
    color: #111013;
    border-color: rgba(17, 16, 19, 0.12);
    background: #fff;
}

.yak-dm-layout .dgm-about-ratting-icon span {
    color: var(--yak-green-light);
}

.yak-dm-layout .yak-corp-auth {
    background: linear-gradient(180deg, #fff 0%, #f6f6f9 100%);
}

.yak-dm-layout .yak-corp-auth__aside {
    background: linear-gradient(160deg, #111827 0%, #1F2937 100%);
}

.yak-dm-layout .maintenance-section .ban-section {
    background: #fff;
    border-radius: 20px;
    padding: clamp(32px, 5vw, 56px);
    box-shadow: 0 20px 70px rgba(15, 23, 42, 0.08);
}

.yak-dm-layout .yak-error-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.yak-dm-layout .yak-error-code {
    background: var(--yak-green-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

@media (prefers-reduced-motion: reduce) {
    .yak-dm-layout * {
        transition-duration: 0.01ms !important;
    }
}