@import 'tailwindcss';

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

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';

    /* Serene Stay Sync design tokens — extracted from design/stitch/serene_hospitality/DESIGN.md
       and design/stitch/multi_calendar_dashboard/code.html. Shared across all Stitch-derived views. */
    --font-headline: 'Playfair Display', ui-serif, Georgia, serif;
    --font-body: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;

    --color-background: #fbf9f5;
    --color-surface: #fbf9f5;
    --color-surface-cream: #fdfbf7;
    --color-surface-container-lowest: #ffffff;
    --color-surface-container-low: #f5f3ef;
    --color-surface-container: #efeeea;
    --color-surface-container-high: #eae8e4;
    --color-surface-container-highest: #e4e2de;
    --color-on-surface: #1b1c1a;
    --color-on-surface-variant: #4d4540;
    --color-outline: #7e756f;
    --color-outline-variant: #cfc4bd;

    --color-primary: #171411;
    --color-on-primary: #ffffff;
    --color-primary-container: #2c2825;
    --color-on-primary-container: #958f8a;

    --color-secondary: #615e57;
    --color-on-secondary: #ffffff;
    --color-secondary-container: #e7e2d9;
    --color-on-secondary-container: #67645d;

    --color-error: #ba1a1a;
    --color-on-error: #ffffff;
    --color-error-container: #ffdad6;
    --color-on-error-container: #93000a;

    --color-success-olive: #7a8b6e;
    --color-accent-terracotta: #c46843;
    --color-border-espresso: #2c2825;

    /* Channel brand colors, used to color-code calendar_events by channel */
    --color-channel-airbnb: #ff5a5f;
    --color-channel-traveloka: #00aa6c;
    --color-channel-booking-com: #003580;

    --text-display-lg: 48px;
    --text-display-lg--line-height: 1.1;
    --text-headline-md: 32px;
    --text-headline-md--line-height: 1.2;
    --text-headline-sm: 24px;
    --text-headline-sm--line-height: 1.3;
    --text-title-lg: 20px;
    --text-title-lg--line-height: 1.4;
    --text-body-lg: 18px;
    --text-body-lg--line-height: 1.6;
    --text-body-md: 16px;
    --text-body-md--line-height: 1.6;
    --text-label-md: 14px;
    --text-label-md--line-height: 1.4;
    --text-label-sm: 12px;
    --text-label-sm--line-height: 1.4;
}

/* multi_calendar_dashboard: 240px property label column + a 14-day timeline */
.calendar-grid-cols {
    display: grid;
    grid-template-columns: 240px repeat(14, minmax(0, 1fr));
}

/* Shared across Stitch-derived screens: booking pill hover lift (multi_calendar_dashboard) */
.booking-pill {
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.booking-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    z-index: 10;
}