/* ONOX Brand Colors */
:root {
    --vp-c-brand-1: #EF305E;
    --vp-c-brand-2: #BC1948;
    --vp-c-brand-3: #D63268;
    --vp-c-brand-soft: rgba(239, 48, 94, 0.14);
}

.dark {
    --vp-c-brand-1: #EF305E;
    --vp-c-brand-2: #D63268;
    --vp-c-brand-3: #FF5580;
    --vp-c-brand-soft: rgba(239, 48, 94, 0.16);
}

/* Hero image styling */
.VPHero .image {
    background: linear-gradient(135deg, #EF305E22 0%, #BC194822 100%);
    padding: 24px;
    border-radius: 50%;
}

/* Home page feature grid */
.VPFeature .icon {
    font-size: 2rem;
}

/* Code block copy button brand color */
.vp-code-group .tabs label:hover,
.vp-code-group .tabs label.active {
    color: var(--vp-c-brand-1);
    border-color: var(--vp-c-brand-1);
}

/* Tip/warning custom colors */
.custom-block.tip {
    border-color: var(--vp-c-brand-1);
}

.custom-block.tip .custom-block-title {
    color: var(--vp-c-brand-1);
}

/* Sidebar active link */
.VPSidebarItem.is-active > .item > .link > .text {
    color: var(--vp-c-brand-1);
}

/* Nav active link */
.VPNavBarMenuLink.active {
    color: var(--vp-c-brand-1) !important;
}

/* Endpoint card method badges */
.method {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: var(--vp-font-family-mono);
    margin-right: 8px;
}

.method.get    { background: #22c55e22; color: #22c55e; border: 1px solid #22c55e55; }
.method.post   { background: #3b82f622; color: #3b82f6; border: 1px solid #3b82f655; }
.method.put    { background: #f59e0b22; color: #f59e0b; border: 1px solid #f59e0b55; }
.method.patch  { background: #8b5cf622; color: #8b5cf6; border: 1px solid #8b5cf655; }
.method.delete { background: #ef444422; color: #ef4444; border: 1px solid #ef444455; }

/* Table mobile-friendly */
@media (max-width: 640px) {
    .vp-doc table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
