/* Selected venture brand kit. Text tokens stay the dark-shell colors. */
html.cp-venture-on .cp-sidebar,
html.cp-venture-on .cp-top,
html.cp-venture-on .cp-foot {
    background: color-mix(in srgb, var(--cp-v-primary) 16%, #101826);
    border-color: color-mix(in srgb, var(--cp-v-secondary, var(--cp-v-primary)) 42%, transparent);
}

html.cp-venture-on .cp-scroll {
    background: color-mix(in srgb, var(--cp-v-primary) 7%, var(--bg));
}

html.cp-venture-on .cp-top {
    background:
        linear-gradient(var(--cp-v-secondary, var(--cp-v-primary)), var(--cp-v-secondary, var(--cp-v-primary))) 0 100% / 50% 3px no-repeat,
        linear-gradient(var(--cp-v-primary), var(--cp-v-primary)) 100% 100% / 50% 3px no-repeat,
        color-mix(in srgb, var(--cp-v-primary) 16%, #101826);
}

html.cp-venture-on .cp-sidebar {
    box-shadow: inset -3px 0 0 var(--cp-v-secondary, var(--cp-v-primary));
}

html.cp-venture-on .cp-brand strong,
html.cp-venture-on .cp-top h1 {
    font-family: var(--cp-v-display, inherit);
}

html.cp-venture-on .cp-mark {
    background: var(--cp-v-primary);
    color: var(--cp-v-mono-ink, #ffffff);
}

html.cp-venture-on .cp-brand-logo {
    display: block;
    width: auto;
    height: 36px;
    max-width: 9.5rem;
    object-fit: contain;
    background: #ffffff;
    border-radius: 8px;
    padding: 3px;
}

html.cp-venture-on .cp-btn:not(.cp-btn-ghost):not(.cp-btn-danger):not(.cp-btn-google) {
    background: var(--cp-v-primary, var(--primary));
    border-color: var(--cp-v-primary, var(--primary));
    color: var(--cp-v-mono-ink, #ffffff);
}

html.cp-venture-on .cp-sidebar nav a[aria-current="page"] {
    box-shadow: inset 3px 0 0 var(--cp-v-primary);
}

html.cp-venture-on .cp-brand-fields {
    display: grid;
    gap: 0.75rem;
}

html.cp-venture-on .cp-brand-colors {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (max-width: 700px) {
    html.cp-venture-on .cp-brand-colors {
        grid-template-columns: 1fr;
    }
}

.cp-brand-colors {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (max-width: 700px) {
    .cp-brand-colors {
        grid-template-columns: 1fr;
    }
}

.cp-brand-preview { width: 40px; height: 40px; object-fit: contain; display: block; margin: 0 0 0.75rem; background: #ffffff; border-radius: 8px; padding: 3px; }