@import url("zoni-site-brand.css");

:root {
    --zoni-pink: #ef3e83;
    --zoni-pink-dark: #bd245f;
    --zoni-purple: #7652c8;
    --zoni-orange: #ff7a35;
    --zoni-paper: #fbfafc;
    --zoni-ink: #252638;
    --zoni-line: #e8e5ed;
}

body {
    color: var(--zoni-ink);
    background-color: var(--zoni-paper);
}

:is(.site-header, .market-header, header.top, header.topbar) {
    border-bottom: 2px solid var(--zoni-pink) !important;
    background: linear-gradient(110deg, #fff 0%, #fff1f7 58%, #fff2e8 100%) !important;
}

:is(.site-footer, .china-footer, .footer, .foot) {
    border-top: 2px solid var(--zoni-purple) !important;
    background: #252638 !important;
    color: #f4f0f8 !important;
}

:is(.site-footer, .china-footer, .footer, .foot) a {
    color: #fff !important;
}

:is(.brand > span:last-child, .brand-type span:last-child, .shop-text, .zoni-brand .shop-text) {
    color: var(--zoni-pink) !important;
}

.zoni-brand svg [stroke="#ff3300"] {
    stroke: var(--zoni-purple) !important;
}

:is(.btn-custom, .btn-buy, .btn-checkout, .btn-danger, .search-button, .signup-link,
    .review-submit, .button.primary, button.primary, a.primary, .buy) {
    border-color: var(--zoni-pink) !important;
    background: linear-gradient(110deg, var(--zoni-pink), var(--zoni-orange)) !important;
    color: #fff !important;
}

:is(.btn-custom, .btn-buy, .btn-checkout, .btn-danger, .search-button, .signup-link,
    .review-submit, .button.primary, button.primary, a.primary, .buy):hover {
    border-color: var(--zoni-pink-dark) !important;
    background: linear-gradient(110deg, var(--zoni-pink-dark), #e65e24) !important;
    color: #fff !important;
}

:is(.product-price, .china-price, .total, .eyebrow, .section-heading, .section-header-china) {
    color: var(--zoni-purple);
}

:is(.search-form, .search-box) {
    border-color: var(--zoni-purple) !important;
}

:is(.search-form, .search-box):focus-within {
    border-color: var(--zoni-purple) !important;
    box-shadow: 0 0 0 3px #7652c828 !important;
}

:is(.product-card, .china-card, .product, .shop-card, .auth-card, .checkout-card,
    .content-card, .terms-card, .case) {
    border-color: var(--zoni-line);
}

:is(.product-card, .china-card, .product, .shop-card):hover {
    border-color: #d8c9f2 !important;
    box-shadow: 0 8px 22px #7652c81c !important;
}

input:focus, select:focus, textarea:focus, .form-control:focus {
    border-color: var(--zoni-purple) !important;
    box-shadow: 0 0 0 3px #7652c828 !important;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #9a83eb;
    outline-offset: 2px;
}

::selection {
    background: #f7c9de;
    color: var(--zoni-ink);
}