@import 'tailwindcss';

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

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

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    background: #ead8c0;
    color: #352418;
    text-rendering: optimizeLegibility;
}

::selection {
    background: #d8b187;
    color: #352418;
}

button,
a,
input,
select {
    transition-duration: 160ms;
    transition-property: background-color, border-color, color, box-shadow, opacity, transform;
    transition-timing-function: ease;
}

.public-aged-shell {
    background-color: #e6cfb4;
}

.schoolhouse-header {
    background-color: rgba(241, 220, 197, 0.96);
    box-shadow: inset 0 -1px rgba(93, 54, 33, 0.16);
}

.schoolhouse-hero,
.aged-panel,
.oldschool-stat {
    position: relative;
    overflow: hidden;
}

.schoolhouse-hero {
    background-color: #8f5336;
    box-shadow:
        inset 0 0 0 1px rgba(255, 236, 214, 0.25),
        inset 0 -36px 60px rgba(64, 35, 22, 0.16),
        0 18px 45px rgba(76, 45, 28, 0.16);
}

.aged-panel {
    box-shadow:
        inset 0 1px rgba(255, 244, 229, 0.72),
        inset 0 -16px 24px rgba(100, 57, 35, 0.05),
        0 12px 28px rgba(89, 53, 32, 0.12);
}

.oldschool-stat {
    box-shadow:
        inset 0 1px rgba(255, 247, 235, 0.65),
        0 8px 20px rgba(89, 53, 32, 0.1);
}