@import 'tailwindcss';

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

@theme {
    --font-sans: 'Sora', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        'Noto Color Emoji';
    --font-serif: 'Cormorant Garamond', ui-serif, Georgia, serif;
    --color-sand-50: #fbfaf6;
    --color-sand-100: #f3eee2;
    --color-ink-950: #111317;
    --color-mist-300: #d7d6d0;
    --color-fern-500: #68806a;
    --color-clay-500: #b8835f;
}

@layer base {
    html {
        scroll-behavior: smooth;
    }

    body {
        @apply bg-[radial-gradient(circle_at_top,_rgba(206,220,212,0.35),_transparent_42%),linear-gradient(180deg,#fbfaf6_0%,#f6f1e7_100%)] text-[--color-ink-950] antialiased;
    }

    ::selection {
        @apply bg-stone-900 text-white;
    }
}

@layer components {
    .hide-scrollbar {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .hide-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .glass-panel {
        @apply border border-white/60 bg-white/80 shadow-sm backdrop-blur-xl;
    }

    .map-dot {
        @apply absolute flex h-4 w-4 items-center justify-center rounded-full border border-white/80 bg-stone-900 shadow-sm;
    }
}