@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");

* {
    margin: 0;
    padding: 0;
}

/* ===== Rebranded Theme: Ahmed Negema (Cyan & Pink) ===== */
/* Theme Colors: Cyan (#56C2E1) & Pink accent (#EC5E98) */

:root {
    --light-text: #2d3748;
    --light-secondary: #718096;
    --light-card: #ffffff;
    --light-accent: #EC5E98;
    /* Pink from "Negema" */
    --light-primary: #56C2E1;
    /* Cyan from "Ahmed" */
    --light-yellow: #FCCD56;
    /* Yellow from Bubble */

    --dark-text: #f7fafc;
    --dark-secondary: #a0aec0;
    --dark: #1a202c;
    --dark-white: #ffffff;
    --dark-accent: #F48FB1;
    /* Lighter pink for dark mode */
}

/* Animations - Simplified */
.animate-float-in {
    animation: floatIn 1.5s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes floatIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Button Theme - Gradient Pink to Cyan */
.btn-theme {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: linear-gradient(135deg, var(--light-accent), var(--light-primary));
    color: white;
    border-radius: 9999px;
    /* Full pill */
    font-weight: bold;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(236, 94, 152, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
    border: none;
}

.btn-theme:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(236, 94, 152, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    filter: brightness(1.1);
}

/* Text Gradients */
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, var(--light-primary), var(--light-accent));
}

.dark .text-gradient {
    background-image: linear-gradient(to right, #80DEEA, var(--dark-accent));
}