/* Theme: Ocean Breeze — Calm deep blue with gentle glow */

.theme-ocean-breeze {
    --profile-hover-lift: -4px;
    --profile-hover-scale: 1.01;
    --profile-transition-speed: 0.35s;
    --profile-font-weight-name: 700;
    --profile-shadow-color: rgba(59, 130, 246, 0.1);
}

/* Background orbs: cool blue ambient */
.theme-ocean-breeze .profile-bg-decor::before {
    background: #3B82F6;
    opacity: 0.06;
    filter: blur(180px);
}
.theme-ocean-breeze .profile-bg-decor::after {
    background: #60A5FA;
    opacity: 0.04;
    filter: blur(180px);
}

/* Avatar: cool blue glow ring */
.theme-ocean-breeze .profile-avatar-glow {
    background: conic-gradient(from 0deg, #3B82F6, #60A5FA, #3B82F6);
}
.theme-ocean-breeze .profile-avatar {
    box-shadow:
        0 0 0 3px rgba(59, 130, 246, 0.5),
        0 0 0 6px rgba(10, 22, 40, 0.85),
        0 0 24px rgba(59, 130, 246, 0.15),
        0 0 50px rgba(96, 165, 250, 0.06),
        0 8px 30px rgba(0, 0, 0, 0.25);
}
.theme-ocean-breeze .profile-avatar:hover {
    box-shadow:
        0 0 0 3px rgba(59, 130, 246, 0.65),
        0 0 0 6px rgba(10, 22, 40, 0.75),
        0 0 32px rgba(59, 130, 246, 0.22),
        0 0 65px rgba(96, 165, 250, 0.1),
        0 12px 40px rgba(0, 0, 0, 0.3);
}

/* Link cards: cool blue hover glow */
.theme-ocean-breeze .profile-link-card {
    border-color: rgba(59, 130, 246, 0.08);
}
.theme-ocean-breeze .profile-link-card:hover {
    border-color: rgba(59, 130, 246, 0.2);
    box-shadow:
        0 8px 28px rgba(59, 130, 246, 0.08),
        0 0 0 1px rgba(59, 130, 246, 0.05),
        0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Highlighted: blue gradient top */
.theme-ocean-breeze .profile-link-card.highlighted::before {
    background: linear-gradient(90deg, #3B82F6, #60A5FA, #3B82F6);
    background-size: 200% 100%;
}

/* Social icons: blue accent hover */
.theme-ocean-breeze .profile-social-icon:hover {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.15);
}

/* Name: blue text glow */
.theme-ocean-breeze .profile-display-name {
    text-shadow: 0 0 40px rgba(59, 130, 246, 0.12);
}

/* Announcement: blue tinted */
.theme-ocean-breeze .profile-announcement {
    background: rgba(59, 130, 246, 0.06);
    border-color: rgba(59, 130, 246, 0.12);
    border-left-color: #3B82F6;
}