/**
 * Global design tokens: typography (Tajawal) and border radius (25px).
 * Load after style.css. Used by admin, agent, and provider interfaces.
 * Tajawal is the single primary font across the project.
 */
:root {
    --body-font: "Tajawal", sans-serif;
    --title-font: "Tajawal", sans-serif;
    --radius: 25px;
}

html {
    font-family: var(--body-font) !important;
}

body,
input,
select,
textarea,
button,
.form-control,
.btn,
.label,
span:not([class*="material"]):not([class*="fa"]),
a,
p,
div {
    font-family: var(--body-font) !important;
}

body {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6,
.title, .section-title, .card-title, .page-title {
    font-family: var(--title-font) !important;
}

/* Cards and containers */
.card,
.login-right-wrap,
.login-wrap,
.cta-wrapper,
.aside,
.modal-content,
.dropdown-menu,
.offcanvas {
    border-radius: var(--radius) !important;
}

/* Inputs and form controls */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea,
select.form-control,
select.form-select,
.theme-input-style {
    border-radius: var(--radius) !important;
}

/* Buttons */
.btn,
.btn--primary,
.btn--secondary,
.badge {
    border-radius: var(--radius) !important;
}

/* Upload and file areas */
.upload-file,
.upload-file__img {
    border-radius: var(--radius) !important;
}