/* Gradient accent for links and highlights */
:root {
    --gradient-accent: linear-gradient(135deg, #0c77e3 0%, #e80b1d 100%);
    --gradient-start: #0c77e3;
    --gradient-end: #e80b1d;
}

/* Sidebar brand gradient */
.sidebar-brand-text {
    background: var(--gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* All links - base gradient */
a {
    background: var(--gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Link hover - brighter/shifted */
a:hover {
    background: linear-gradient(135deg, #0c77e3 0%, #e80b1d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Sidebar navigation links */
.sidebar-tree a,
.toctree-wrapper a {
    background: var(--gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Active sidebar item */
.sidebar-tree .current > a {
    background: linear-gradient(135deg, #0c77e3 0%, #e80b1d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 600;
}

/* Buttons with gradient background */
.sd-btn-primary,
.btn-primary {
    background: var(--gradient-accent) !important;
    border: none !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
}

/* Card hover border gradient */
.sd-card:hover {
    border-image: var(--gradient-accent) 1;
}

/* Heading anchors */
.headerlink {
    background: var(--gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Code inline references */
a code {
    background: var(--gradient-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
