html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Brand gradient utilities */
.gradient-text {
    background: linear-gradient(135deg, #ff69b4 0%, #7ad7f0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-bg {
    background: linear-gradient(135deg, #ff69b4 0%, #7ad7f0 100%);
}

/* Header overrides */
.main-header {
    background: #000000;
    border-bottom: 1px solid rgba(255, 105, 180, 0.2);
}

.nav-link {
    color: #ffffff;
    transition: all 0.3s ease;
}

.nav-link:hover {
    background: linear-gradient(135deg, #ff69b4 0%, #7ad7f0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Button theme helpers */
.btn-luna {
    background-color: #ff69b4;
    color: #ffffff;
    transition: all 0.4s ease;
}

.btn-luna:hover {
    background: linear-gradient(135deg, #ff69b4 0%, #7ad7f0 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -5px rgba(255, 105, 180, 0.5);
}

.btn-non-luna {
    background-color: #7ad7f0;
    color: #ffffff;
    transition: all 0.4s ease;
}

.btn-non-luna:hover {
    background: linear-gradient(135deg, #ff69b4 0%, #7ad7f0 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -5px rgba(122, 215, 240, 0.5);
}

/* Card hover motion */
.card-hover {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card-hover:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 50px -12px rgba(255, 105, 180, 0.15);
}

/* Card edge accents */
.card-luna-edge {
    border: 2px solid transparent;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, #ff69b4 0%, #ffb6d9 100%) border-box;
}

.card-sen-edge {
    border: 2px solid transparent;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, #7ad7f0 0%, #c4efff 100%) border-box;
}

/* Footer and social icons */
.main-footer {
    background: #000000;
}

.social-svg {
    transition: transform 0.3s ease;
}

.social-icon-link:hover .social-svg {
    transform: scale(1.1);
}