/* Custom styles for GYST Agents (Synapse design system) */

.bg-grid-pattern {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 60px 60px;
}

.glow-on-hover:hover {
    box-shadow: var(--accent-glow-button);
    transform: translateY(-1px);
}

/* Synapse cyan-glow CTA — matches the Sign In / Process button treatment
 * from the C2S app. */
.btn-accent {
    background-color: var(--accent-strong);
    color: #000;
    box-shadow: var(--accent-glow-button);
    transition: var(--transition-base);
}
.btn-accent:hover {
    background-color: var(--accent-hover);
    box-shadow: var(--accent-glow-strong);
}