/* Shared Styles for Black Panther Tattoo */

:root {
    --primary: #D4AF37;
    --background-light: #FDFBF7;
    --background-dark: #0D0D0D;
}

.gold-gradient-text {
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.smooth-scroll {
    scroll-behavior: smooth;
}

#cursor-dot {
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 10000;
    transition: transform 0.1s ease-out;
    box-shadow: 0 0 10px var(--primary);
}

#cursor-ring {
    width: 40px;
    height: 40px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    transition: transform 0.2s ease-out;
}

@media (max-width: 768px) {

    #cursor-dot,
    #cursor-ring {
        display: none;
    }
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* Page Specific Helpers */
.step-number {
    font-family: 'Cinzel', serif;
    -webkit-text-stroke: 1px var(--primary);
    color: transparent;
}

.pricing-card:hover {
    border-color: var(--primary);
    transform: translateY(-5px);
}