html {
    height: 100%;
}

@font-face {
   font-family: 'bubble-bobble';
   src: url('/css/fonts/bubble-bobble/Bubble-Bobble.otf') format('opentype'),
        url('/css/fonts/bubble-bobble/Bubble-Bobble.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}


body{
    
    font-family: bubble-bobble;
    font-weight: 900;
   
}

.has-fixed-footer {
    padding-bottom: 5em; /* adjust to footer height */
}

.hero {
    background: linear-gradient(135deg, #fc5a8d, #6f42c1);
    color: #fff;
}

.hero-overlay {
    background: rgba(0,0,0,.25);
}

.hover-card {
    transition: all .25s ease;
}

.hover-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,.15);
}

.text-pink {
    color: #fc5a8d;
}

.dark-mode {
    background-color: #121212 !important;
    color: #e5e5e5;
}

.dark-mode .card {
    background-color: #1e1e1e;
    color: #e5e5e5;
}


.dark-mode .text-muted {
    color: #aaa !important;
}

/* Auth welcome section */
.dark-mode .welcome-auth-section {
    background-color: #1a1a1a !important;
}

.dark-mode .welcome-title {
    color: #ffffff;
}

.dark-mode .welcome-subtext {
    color: #b5b5b5;
}

/* Optional: admin button tweak */
.dark-mode .welcome-auth-section .btn-secondary {
    background-color: #343a40;
    border-color: #343a40;
}