@import 'tailwindcss';
@import 'vazirmatn/Vazirmatn-font-face.css';

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

@theme {
    --font-sans: 'Vazirmatn', Tahoma, sans-serif;
    --color-brand-green: #103938;
    --color-brand-green-dark: #0a2625;
    --color-brand-green-light: #1c5250;
    --color-brand-gold: #DDB97F;
    --color-brand-gold-dark: #b28f56;
    --color-brand-bronze: #8a6a42;
    --color-brand-bg: #F1F0EE;
}

html,
body {
    font-family: 'Vazirmatn', Tahoma, sans-serif;
}

body {
    @apply bg-brand-bg text-stone-900;
}

/* Warm up every unstyled border (e.g. plain `border`/`border-b` utilities) app-wide
   instead of Tailwind's cool default gray, so list/table dividers match the palette. */
*,
::before,
::after {
    border-color: var(--color-stone-200);
}

[x-cloak] {
    display: none !important;
}

.login-mesh-bg {
    background-color: #F1F0EE;
    background-image:
        radial-gradient(ellipse 900px 700px at 12% 15%, rgba(16, 57, 56, 0.16), transparent 60%),
        radial-gradient(ellipse 800px 800px at 88% 8%, rgba(221, 185, 127, 0.35), transparent 55%),
        radial-gradient(ellipse 1000px 800px at 85% 95%, rgba(16, 57, 56, 0.14), transparent 60%),
        radial-gradient(ellipse 700px 600px at 8% 92%, rgba(221, 185, 127, 0.28), transparent 55%),
        radial-gradient(ellipse 1200px 900px at 50% 50%, rgba(241, 240, 238, 0.6), transparent 70%);
    background-color: #F1F0EE;
}