@import url("./fonts.css?v=20260723");

/*
|--------------------------------------------------------------------------
| Sepehr ERP Core CSS
|--------------------------------------------------------------------------
*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    direction:rtl;

    font-family:var(--font-family);

    background:var(--background);

    color:var(--text-primary);

    font-size:var(--font-form);

    line-height:1.8;

    min-height:100vh;

    -webkit-font-smoothing:antialiased;

}

a{

    color:var(--info);

    text-decoration:none;

    transition:var(--transition);

}

a:hover{

    color:var(--primary);

}

img{

    max-width:100%;

    display:block;

}

button,
input,
textarea,
select{

    font-family:inherit;

}

/*
|--------------------------------------------------------------------------
| Typography Roles
|--------------------------------------------------------------------------
*/

h1,
h2,
h3,
.page-title,
.section-title,
.card-title,
.hero-title,
.header-brand h1{
    font-family:var(--font-family-title) !important;
}

button,
.btn,
[role="button"],
input[type="button"],
input[type="submit"],
input[type="reset"],
table th{
    font-family:var(--font-family-medium) !important;
    font-weight:400 !important;
}

table,
.numeric,
.amount,
.price,
.date,
.time,
.stat-value,
.summary-value,
.kpi-value,
[data-font="numeric"],
input[type="number"],
input[type="date"],
input[type="time"],
input[inputmode="numeric"]{
    font-family:var(--font-family-numeric) !important;
}

.description,
.helper-text,
.page-description,
.subtitle,
.muted,
.hint,
.hero p,
.header-brand p{
    font-family:var(--font-family-light) !important;
    font-weight:400 !important;
}

@media print{
    html,
    body,
    table,
    input,
    textarea,
    select{
        font-family:var(--font-family-numeric) !important;
    }

    h1,
    h2,
    h3{
        font-family:var(--font-family-title) !important;
    }
}
