/* SHARED STYLESHEET for Abhiyanta Website
  Save this file as "style.css"
*/

/* NEW Color Palette from the image */
:root {
    --sea-main: #2a9d8f;      /* Main Teal */
    --sea-dark: #264653;      /* Dark Blue/Green for Text */
    --accent-yellow: #e9c46a; /* Sandy/Fish Yellow */
    --accent-coral: #f4a261;   /* Orangey Coral */
    --accent-pink: #e76f51;    /* Deeper Coral/Jellyfish */
    --bg-light: #fafffb;      /* Light Seafoam Background */
}

body {
    background-color: var(--bg-light);
    color: var(--sea-dark);
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

/* Fun, artistic fonts */
.font-brand {
    font-family: 'Pacifico', cursive;
}

.font-body {
    font-family: 'Quicksand', sans-serif;
}

/* Background and Text Colors */
.bg-sea-main { background-color: var(--sea-main); }
.bg-sea-dark { background-color: var(--sea-dark); }
.bg-accent-yellow { background-color: var(--accent-yellow); }
.bg-accent-coral { background-color: var(--accent-coral); }
.bg-accent-pink { background-color: var(--accent-pink); }
.bg-light { background-color: var(--bg-light); }
.text-light { color: var(--bg-light); }
.text-dark { color: var(--sea-dark); }
.text-coral { color: var(--accent-coral); }
.text-yellow { color: var(--accent-yellow); }

/* Funky link underline animation */
.header-link {
    position: relative;
    padding-bottom: 6px;
    text-decoration: none;
    transition: color 0.4s ease;
}
.header-link::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: var(--accent-yellow);
    border-radius: 2px;
    transition: width 0.4s ease;
}
.header-link:hover::after {
    width: 110%;
}

/* Eye-catching navigation button */
.nav-button {
    background-color: var(--accent-coral);
    color: var(--bg-light) !important; /* Use important to override other link colors */
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition: all 0.3s ease;
    font-weight: 700;
}
.nav-button:hover {
    background-color: var(--accent-pink);
    transform: scale(1.05);
}


/* Card floating animation */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}
.float-anim {
    animation: float 6s ease-in-out infinite;
}

/* Stagger animation delays for multiple cards */
.past-edition-card:nth-child(2) .float-anim, .team-card:nth-child(2) .float-anim { animation-delay: 2s; }
.past-edition-card:nth-child(3) .float-anim, .team-card:nth-child(3) .float-anim { animation-delay: 4s; }
.team-card:nth-child(4) .float-anim { animation-delay: 1s; }
.team-card:nth-child(5) .float-anim { animation-delay: 3s; }
.team-card:nth-child(6) .float-anim { animation-delay: 5s; }
.team-card:nth-child(7) .float-anim { animation-delay: 2s; }
.team-card:nth-child(8) .float-anim { animation-delay: 4s; }


/* Custom style for the flipbook container on read.html */
#flipbook_container {
    border-radius: 0.5rem;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.2), 0 8px 10px -6px rgb(0 0 0 / 0.2);
    height: 85vh; 
    border: 4px solid white;
}