/* Typography System for ProcureHub */

/* Base font for all text elements */
* {
    font-family: 'Roboto', sans-serif;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

/* Headings use Montserrat */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 700;
}

/* Titles and important labels */
.title, .heading, .section-title, .page-title {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 700;
}

/* Buttons and action elements */
.btn, button, .button, .action-btn {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 600;
}

/* Navigation elements */
.nav, .navbar, .menu {
    font-family: 'Roboto', sans-serif;
}

/* Form labels */
label, .form-label, .field-label {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 600;
}

/* Form inputs and text areas */
input, textarea, select, .form-control {
    font-family: 'Roboto', sans-serif !important;
}

/* Cards and content areas */
.card-title, .content-title {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 700;
}

.card-text, .content-text, p {
    font-family: 'Roboto', sans-serif !important;
}

/* Table headers */
th, .table-header {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 600;
}

/* Table content */
td, .table-cell {
    font-family: 'Roboto', sans-serif !important;
}

/* Alert and notification text */
.alert, .notification, .message {
    font-family: 'Roboto', sans-serif !important;
}

/* Alert titles */
.alert-title, .notification-title {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 600;
}

/* Breadcrumbs */
.breadcrumb {
    font-family: 'Roboto', sans-serif !important;
}

/* Sidebar navigation */
.sidebar, .sidebar-nav {
    font-family: 'Roboto', sans-serif !important;
}

/* Footer content */
.footer {
    font-family: 'Roboto', sans-serif !important;
}

/* Footer headings */
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
}

/* Hero section text */
.hero-title, .banner-title {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 800;
}

.hero-text, .banner-text {
    font-family: 'Roboto', sans-serif !important;
}

/* Dashboard elements */
.dashboard-title, .widget-title {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 700;
}

.dashboard-content, .widget-content {
    font-family: 'Roboto', sans-serif !important;
}

/* Specific overrides for existing elements */
.welcome-text {
    font-family: 'Roboto', sans-serif !important;
}

.page-header {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 700;
}

/* DataTable styling */
.dataTables_wrapper {
    font-family: 'Roboto', sans-serif !important;
}

.dataTables_wrapper th {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 600;
}

/* Modal styling */
.modal-title {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 700;
}

.modal-body {
    font-family: 'Roboto', sans-serif !important;
}

/* Tab styling */
.nav-tabs .nav-link {
    font-family: 'Montserrat', 'Arial Black', sans-serif !important;
    font-weight: 600;
}

.tab-content {
    font-family: 'Roboto', sans-serif !important;
}