/* public/css/filament-custom.css */
* {
    --razi-primary-color: 63 81 181;
    --razi-secondry-color: 155, 19, 19;
    --primary-500: 125, 10, 10;
    --primary-600: 63 81 181;
    --sidebar-width: 320px;
}

/* --- Vazirmatn Regular --- */
@font-face {
    font-family: "Vazirmatn";
    /* Path relative to webroot (public directory) */
    src: url("/fonts/vazirmatn/Vazirmatn-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Vazirmatn Medium --- */
@font-face {
    font-family: "Vazirmatn";
    /* Path relative to webroot (public directory) */
    src: url("/fonts/vazirmatn/Vazirmatn-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* --- Vazirmatn Bold --- */
@font-face {
    font-family: "Vazirmatn";
    /* Path relative to webroot (public directory) */
    src: url("/fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Add any other custom CSS here */
body {
    /* You might not strictly need this if ->font('Vazirmatn') works,
       but it's good practice to ensure the font is applied */
    font-family: "Vazirmatn", ui-sans-serif, system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "Noto Sans", sans-serif;
}

/* Example of adding a simple custom style */
/* .fi-sidebar-brand {
    border-bottom: 1px solid #eee;
} */

.curator-picker-grid {
    display: flex;
}

.fi-sidebar-nav {
    background: rgb(var(--razi-primary-color));
}
.fi-sidebar-item-label {
    color: #fff;
}
.fi-sidebar-item-active .fi-sidebar-item-label {
    color: rgb(var(--razi-primary-color));
}
.fi-sidebar-item a:hover .fi-sidebar-item-label {
    color: rgb(var(--razi-secondry-color));
}

.fi-sidebar-group-label {
    color: #e9e9e9;
}
.fi-btn{
    background: rgb(var(--razi-primary-color));
}