@import 'tailwindcss';

@font-face {
    font-family: 'PeydaWebFaNum';
    src: url('/assets/fonts/woff2/PeydaWebFaNum-Regular.woff2') format('woff2'),
         url('/assets/fonts/woff/PeydaWebFaNum-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaWebFaNum';
    src: url('/assets/fonts/woff2/PeydaWebFaNum-Medium.woff2') format('woff2'),
         url('/assets/fonts/woff/PeydaWebFaNum-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaWebFaNum';
    src: url('/assets/fonts/woff2/PeydaWebFaNum-SemiBold.woff2') format('woff2'),
         url('/assets/fonts/woff/PeydaWebFaNum-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PeydaWebFaNum';
    src: url('/assets/fonts/woff2/PeydaWebFaNum-Bold.woff2') format('woff2'),
         url('/assets/fonts/woff/PeydaWebFaNum-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

@theme {
    --font-sans: 'PeydaWebFaNum', Tahoma, sans-serif;
    --color-brand-50: #EEF4FF;
    --color-brand-100: #D8E6FF;
    --color-brand-500: #1D4ED8;
    --color-brand-700: #1E3A8A;
    --color-accent-500: #FBBF24;
}

@layer base {
    body {
        background:
            radial-gradient(circle at 20% 10%, rgba(29, 78, 216, 0.1), transparent 40%),
            radial-gradient(circle at 80% 90%, rgba(251, 191, 36, 0.12), transparent 35%),
            #F8FAFC;
    }

    table {
        @apply w-full border-collapse;
    }

    th,
    td {
        @apply border-b border-slate-200 px-3 py-2;
    }

    thead th {
        @apply bg-slate-50 text-slate-600;
    }
}

@layer components {
    .cb-card {
        @apply rounded-2xl border border-slate-200/80 bg-white/95 shadow-sm;
    }

    .cb-btn {
        @apply inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-semibold transition;
    }

    .cb-btn-primary {
        @apply cb-btn bg-brand-500 text-white hover:bg-brand-700;
    }

    .cb-btn-muted {
        @apply cb-btn border border-slate-200 bg-slate-100 text-slate-700 hover:bg-slate-200;
    }

    .cb-btn-danger {
        @apply cb-btn bg-rose-600 text-white hover:bg-rose-700;
    }

    .cb-btn-warning {
        @apply cb-btn bg-amber-500 text-white hover:bg-amber-600;
    }

    .cb-input {
        @apply w-full rounded-xl border border-slate-300 bg-white px-3 py-2 text-sm text-slate-800 outline-none focus:border-brand-500 focus:ring-2 focus:ring-brand-100;
    }

    .cb-label {
        @apply mb-1 block text-sm font-medium text-slate-700;
    }

    .cb-nav-link {
        @apply block rounded-xl px-3 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-100;
    }

    .cb-nav-link-active {
        @apply bg-brand-500 text-white hover:bg-brand-700;
    }
}