html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}

/* Override Bootstrap primary color */
:root {
    --bs-primary: #1a1040;
    --bs-primary-rgb: 26, 16, 64;
    --bs-link-color: #1a1040;
    --bs-link-hover-color: #2d1b7a;
}

.btn-primary {
    --bs-btn-bg: #1a1040;
    --bs-btn-border-color: #1a1040;
    --bs-btn-hover-bg: #130c30;
    --bs-btn-hover-border-color: #130c30;
    --bs-btn-active-bg: #0d0820;
    --bs-btn-active-border-color: #0d0820;
    --bs-btn-disabled-bg: #1a1040;
    --bs-btn-disabled-border-color: #1a1040;
}

.btn-outline-primary {
    --bs-btn-color: #1a1040;
    --bs-btn-border-color: #1a1040;
    --bs-btn-hover-bg: #1a1040;
    --bs-btn-hover-border-color: #1a1040;
    --bs-btn-active-bg: #1a1040;
    --bs-btn-active-border-color: #1a1040;
    --bs-btn-disabled-color: #1a1040;
    --bs-btn-disabled-border-color: #1a1040;
}

.text-primary { color: #1a1040 !important; }
.bg-primary   { background-color: #1a1040 !important; }
.border-primary { border-color: #1a1040 !important; }

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(26,16,64,.4);
}

/* RTL number inputs */
input[type="number"] {
    direction: ltr;
    text-align: center;
}

/* Table in RTL */
.table th, .table td {
    vertical-align: middle;
}

/* Persian dates/numbers stay LTR */
.ltr {
    direction: ltr;
    display: inline-block;
}