@font-face {
font-family: Estedad;
src: url("https://narmawear.ir/wp-content/plugins/fara-panel/assets/template1/vendor/fonts/Estedad.woff2") format("woff2");
font-display: swap;
}



:root {
/* Bootstrap Colors */
    --bs-primary: #49b98d;

    --bs-secondary: #6fd7aa;



    --bs-primary-rgb: 73,185,141;
    --bs-primary-bg-subtle: #e2f4ed;
    --bs-primary-border-subtle: #c8eadd;

    --bs-secondary-rgb: 111,215,170;
    --bs-secondary-bg-subtle: #e8f9f1;
    --bs-secondary-border-subtle: #d4f3e6;


/* Custom Aliases */
--rw-primary: #49b98d;
--rw-secondary: #6fd7aa;

/* Backgrounds & Text */
    --bs-body-bg: #f5f5f5;

    --bs-body-color: #46635c;



/* Typography */
--bs-root-font-size: 16px;
--bs-font-sans-serif: CustomFont, Estedad, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--bs-font-monospace: CustomFont, Estedad, Menlo, Monaco, Consolas, monospace;
}

/* DARK */
[data-bs-theme=dark] {
color-scheme:dark;
/* Bootstrap Colors */





/* Custom Aliases */
--rw-primary: #696cff;
--rw-secondary: #8592a3;

/* Backgrounds & Text */
    --bs-body-bg: #1a2b27;



    --bs-card-bg: #46635c !important;



    --bs-primary-rgb: 105,108,255;
    --bs-primary-bg-subtle: #111129;
    --bs-primary-border-subtle: #20204d;

    --bs-secondary-rgb: 133,146,163;
    --bs-secondary-bg-subtle: #15171a;
    --bs-secondary-border-subtle: #282c31;

}

/* end DARK */




    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #1a2b27 !important;
    }

    .text-primary { color: var(--rw-primary) !important; }
    .bg-primary { background-color: var(--rw-primary) !important; }
    .border-primary { border-color: var(--rw-primary) !important; }
    .fill-primary { fill: var(--rw-primary) !important; }
    .form-control:focus,
    .form-select:focus,
    .form-check-input:checked {
    border-color: var(--rw-primary) !important;
    }

    .text-secondary { color: var(--rw-secondary) !important; }
    .bg-secondary { background-color: var(--rw-secondary) !important; }

    .border-secondary { border-color: var(--rw-secondary) !important; }

    .fill-secondary { fill: var(--rw-secondary) !important; }




/* DARK */

    [data-bs-theme="dark"] body{
    background-color: var(--bs-body-bg);
    }





    [data-bs-theme="dark"] .modal-content {
    background-color: #46635c !important;
    }
    [data-bs-theme="dark"] .card {
    background-color: #46635c !important;
    }
    [data-bs-theme="dark"] .layout-navbar{
    background-color: #46635c !important;
    }

    [data-bs-theme="dark"] .bg-menu-theme{
    background-color: #46635c !important;
    }
    [data-bs-theme="dark"] .form-control,
    [data-bs-theme="dark"] .form-select{
    background-color: #46635c !important;
    border-color: #1e293b;
    }

    [data-bs-theme="dark"] .form-control::placeholder {
    color: #64748b;
    }



    [data-bs-theme="dark"] .card,
    [data-bs-theme="dark"] .dropdown-menu{
    background-color: #46635c !important;
    border-color: #1e293b;
    }



/* end DARK */



    /* =========================
    RADIUS SYSTEM
    ========================= */

    :root {
    /* Core scale */

    /* Component mapping */

    --rw-radius-base: 0.75rem;
    --rw-radius-sm: 0.5rem;
    --rw-radius-lg: 0.85rem;
    --rw-radius-xl: 1rem;
    --rw-radius-xxl: 1.4rem;

    --rw-radius-layout: 0.75rem;
    --rw-radius-card: 0.75rem;
    --rw-radius-card-inner: 0.75rem;

    --rw-radius-btn: var(--rw-radius-sm);
    --rw-radius-tooltip: var(--rw-radius-sm);

    /* bs raduises: */
    --bs-border-radius: var(--rw-radius-base);
    /* --bs-border-radius: 0; 4 8 12 16 24*/
    --bs-border-radius-sm: var(--rw-radius-sm);
    --bs-border-radius-lg: var(--rw-radius-lg);
    --bs-border-radius-xl: var(--rw-radius-xl);
    --bs-border-radius-xxl: var(--rw-radius-xxl);
    --bs-border-radius-2xl: var(--rw-radius-xxl);

    --bs-card-border-radius: var(--rw-radius-base);
    --bs-card-inner-border-radius: var(--rw-radius-base);

    --bs-btn-border-radius: var(--rw-radius-btn) !important;

    --bs-dropdown-border-radius: var(--rw-radius-base);
    --bs-modal-border-radius: var(--rw-radius-lg);
    --bs-popover-border-radius: var(--rw-radius-lg);
    --bs-tooltip-border-radius: var(--rw-radius-tooltip);

    /* Accordion */

    --bs-accordion-border-radius: var(--rw-radius-sm);
    --bs-accordion-inner-border-radius: var(--rw-radius-sm);

    /* List Group */
    --bs-list-group-border-radius: var(--rw-radius-base);
    }

    /* =========================
    LAYOUT
    ========================= */

    .layout-navbar.navbar-detached,
    .layout-page,
    .content-wrapper,
    .layout-container,
    .navbar,
    .menu-inner-shadow,
    .offcanvas {
    border-radius: var(--rw-radius-layout);
    }

    .layout-menu {
    /* border-radius: var(--rw-radius-layout); */
    }
    .menu-inner {
    border-radius: var(--rw-radius-base);
    }

    /* =========================
    CARDS
    ========================= */

    .card {
    border-radius: var(--rw-radius-card);
    }

    .card-img,
    .card-img-bottom {
    border-radius: var(--rw-radius-card);
    }
    .card-img-top {
    border-top-right-radius: var(--rw-radius-card);
    border-top-left-radius: var(--rw-radius-card);
    }
    /* Side image cards */
    .card-img-left,
    .card-img-start {
    border-top-left-radius: var(--rw-radius-card);
    border-bottom-left-radius: var(--rw-radius-card);
    }

    .card-img-right,
    .card-img-end {
    border-top-right-radius: var(--rw-radius-card);
    border-bottom-right-radius: var(--rw-radius-card);
    }

    /* =========================
    ACCORDION
    ========================= */

    .accordion {
    --bs-accordion-border-radius: var(--rw-radius-card);
    --bs-accordion-inner-border-radius: var(--rw-radius-card-inner);
    }

    .accordion-item {
    border-radius: var(--rw-radius-card);
    overflow: hidden;
    }

    /* =========================
    LIST GROUP
    ========================= */

    .list-group {
    --bs-list-group-border-radius: var(--rw-radius-card);
    border-radius: var(--rw-radius-card);
    overflow: hidden;
    }

    /* =========================
    MODAL / POPOVER / TOAST
    ========================= */

    .modal-content,
    .popover,
    .toast {
    border-radius: var(--rw-radius-card);
    }

    /* =========================
    DROPDOWN
    ========================= */

    .dropdown-menu {
    border-radius: var(--rw-radius-base);
    }

    /* =========================
    BUTTONS
    ========================= */

    .btn {
    border-radius: var(--rw-radius-btn) !important;
    }

    .btn.rounded-pill {
    border-radius: 50rem !important;
    }

    /* =========================
    FORMS
    ========================= */

    .form-control,
    .form-select,
    .input-group-text {
    border-radius: var(--rw-radius-sm);
    }
    .form-control:focus,
    .form-select:focus,
    .input-group:focus,
    .input-group-text:focus {
    border-radius: var(--rw-radius-sm);
    }

    .input-group-merge {
    border-radius: var(--rw-radius-sm);
    }

    /* =========================
    TABLES
    ========================= */

    .table {
    border-radius: var(--rw-radius-base);
    overflow: hidden;
    }

    /* =========================
    ALERTS / BADGES / MISC
    ========================= */

    .alert,
    .timeline .timeline-item {
    border-radius: var(--rw-radius-base);
    }

    /* =========================
    TOOLTIP
    ========================= */

    .tooltip-inner {
    border-radius: var(--rw-radius-tooltip);
    }

    /* =========================
    IMAGES GLOBAL
    ========================= */

    img {
    /* border-radius: var(--rw-radius-base); */
    }

    /* =========================
    SHADOW SYSTEM
    ========================= */
    .offcanvas,
    .card,
    .dropdown-menu,
    .modal-content,
    .toast,
    .popover {
    box-shadow: 0 0.3rem 1.1rem rgba(0, 0, 0, 0.08);
    }

    /* extra */
    .input-group > .form-control,
    .input-group > .form-select {
    border-radius: var(--rw-radius-sm);
    }

    .input-group > :first-child {
    border-top-left-radius: var(--rw-radius-sm);
    border-bottom-left-radius: var(--rw-radius-sm);
    }

    .input-group > :last-child {
    border-top-right-radius: var(--rw-radius-sm);
    border-bottom-right-radius: var(--rw-radius-sm);
    }

    .btn-group > .btn:first-child {
    border-top-left-radius: var(--rw-radius-sm);
    border-bottom-left-radius: var(--rw-radius-sm);
    }

    .btn-group > .btn:last-child {
    border-top-right-radius: var(--rw-radius-sm);
    border-bottom-right-radius: var(--rw-radius-sm);
    }

    .input-group > .form-control:not(:last-child),
    .input-group > .form-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    }