@import 'tailwindcss';

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

@theme {
    /* Typefaces */
    --font-sans: 'Poppins', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
    --font-display: 'Playfair Display', ui-serif, Georgia, serif;
    --font-script: 'Yellowtail', ui-serif, cursive;

    /* Vintage Saigon palette */
    --color-cream: #fdf0da;
    --color-cream-soft: #fbf5e6;
    --color-paper: #f2e6c6;
    --color-rust: #c34a24;
    --color-rust-soft: #d9663a;
    --color-teal: #3a8b81;
    --color-teal-ink: #1e5b53;
    --color-mustard: #e7ad3c;
    --color-ink: #47392a;
    --color-line: #e2d2ab;
}

/* Smooth in-page anchor scrolling for the landing nav. */
html {
    scroll-behavior: smooth;
}

/* Subtle paper grain applied to the vintage public site. */
.bg-paper-grain {
    background-color: var(--color-cream);
    background-image:
        radial-gradient(rgba(71, 57, 42, 0.035) 1px, transparent 1px),
        radial-gradient(rgba(71, 57, 42, 0.025) 1px, transparent 1px);
    background-size: 22px 22px, 34px 34px;
    background-position: 0 0, 11px 11px;
}

/* Dashed divider used between feature items. */
.divider-dash {
    background-image: linear-gradient(var(--color-line) 55%, transparent 45%);
    background-size: 2px 12px;
    background-repeat: repeat-y;
}

/* Hide scrollbar (used by the horizontal Moments strip). */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}