@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --brand-primary: #F2C6CE;
    --brand-accent: #222427;
    --bg-page: #FBFBFC;
    --card-bg: #F4F5F6;
    --text-default: #34363A;
    --muted: #9AA0A6;
    --cta-hover: #000000;
    --radius: 10px;
    --shadow: 0 6px 18px rgba(16,18,20,0.06);
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--bg-page);
    color: var(--text-default);
    margin: 0;
    padding-bottom: 80px; /* Space for bottom nav */
}

/* Skeleton Animation */
@keyframes shimmer {
    0% { background-position: -468px 0; }
    100% { background-position: 468px 0; }
}
.skeleton {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    animation: shimmer 1.5s infinite linear;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }