/**
 * ERP DonaPOS - Typography Improvement
 * Focus: Professional fonts and readability
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
    --app-font: 'Inter', 'Segoe UI', 'Roboto', sans-serif;
}

/* Global Font Override */
html,
body,
.hold-transition {
    font-family: var(--app-font) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Heading Typography */
h1,
h2,
h3,
h4,
h5,
h6,
.box-title,
.card-title {
    font-family: var(--app-font) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

/* Table Data Typography */
.table,
.table th,
.table td,
.dataTables_wrapper {
    font-family: var(--app-font) !important;
    font-size: 13.5px !important;
    letter-spacing: 0.01em !important;
}

.table th {
    font-weight: 600 !important;
}

/* Form Elements Typography */
label,
.control-label,
.form-control,
input,
select,
textarea {
    font-family: var(--app-font) !important;
    font-size: 14px !important;
}

label,
.control-label {
    font-weight: 500 !important;
}

/* Button & Action Typography */
.btn,
button,
.tw-dw-btn,
.dropdown-menu>li>a {
    font-family: var(--app-font) !important;
    font-weight: 500 !important;
    text-transform: none !important;
    /* Prevent excessive uppercase */
    letter-spacing: 0.02em !important;
}

/* Sidebar Typography */
.side-bar ul li a,
.side-bar-heading p {
    font-family: var(--app-font) !important;
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
}

.side-bar ul li.active>a {
    font-weight: 600 !important;
}

/* Dashboard Information Boxes */
.info-box-text,
.info-box-number {
    font-family: var(--app-font) !important;
}

.info-box-number {
    font-weight: 600 !important;
}

/* POS Screen Typography (if applicable) */
.pos-button,
.pos-brand-name {
    font-family: var(--app-font) !important;
}