@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';

@theme {
    --font-sans: 'DM Sans', 'Inter', 'Plus Jakarta Sans', 'Noto Sans Bengali', 'Anek Bangla', 'Hind Siliguri', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/* Peachweb & 3D Styling Utilities */
.perspective-1000 {
    perspective: 1000px;
}

.preserve-3d {
    transform-style: preserve-3d;
}

.peach-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'DM Sans', ui-sans-serif, sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    transition: all 0.3s ease;
}

.peach-badge-dark {
    background-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
}

.peach-badge-light {
    background-color: rgba(0, 0, 0, 0.04);
    color: #0f172a;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.peach-card-light {
    background-color: #f5f4f0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease;
}

.peach-card-dark {
    background-color: #0c101d;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease;
}

.card-tilt-3d {
    transform-style: preserve-3d;
    transition: transform 0.15s ease-out, box-shadow 0.25s ease;
    will-change: transform;
}

.card-tilt-3d:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.ambient-glow-cyan {
    background: radial-gradient(circle, rgba(56, 189, 248, 0.18) 0%, rgba(37, 99, 235, 0.08) 50%, transparent 75%);
}

.ambient-glow-amber {
    background: radial-gradient(circle, rgba(245, 158, 11, 0.22) 0%, rgba(234, 88, 12, 0.08) 55%, transparent 75%);
}


/* Bengali Typography: Polished, modern, highly readable Noto Sans Bengali & Anek Bangla */
html[lang="bn"],
html:lang(bn),
[lang="bn"],
.font-bengali {
    font-family: 'Noto Sans Bengali', 'Anek Bangla', 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    word-spacing: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[lang="bn"] h1,
html[lang="bn"] h2,
html[lang="bn"] h3,
html[lang="bn"] h4,
html:lang(bn) h1,
html:lang(bn) h2,
html:lang(bn) h3,
html:lang(bn) h4 {
    font-family: 'Anek Bangla', 'Noto Sans Bengali', 'Plus Jakarta Sans', 'Inter', sans-serif !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
}

/* Neutralize negative tracking (letter-spacing) in Bengali to preserve ligature rendering */
html[lang="bn"] .tracking-tight,
html[lang="bn"] .tracking-tighter,
html[lang="bn"] .tracking-normal,
html[lang="bn"] .tracking-wide,
html[lang="bn"] .tracking-wider,
html[lang="bn"] .tracking-widest,
html[lang="bn"] [class*="tracking-"],
html:lang(bn) [class*="tracking-"] {
    letter-spacing: normal !important;
}

/* Hide scrollbars (slide bar) on mobile and desktop while maintaining scroll functionality */
.no-scrollbar::-webkit-scrollbar,
.scrollbar-none::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.no-scrollbar,
.scrollbar-none {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

@keyframes roadDash {
    from {
        stroke-dashoffset: 32;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.animate-road-dash {
    stroke-dasharray: 8 8;
    animation: roadDash 1.2s linear infinite;
}