/* =====================================================
   Revomart shared typography
   Baseline: executor.html (current live page)
   Do not flatten heading hierarchy.
===================================================== */

:root {
  --font-xs: 13px;
  --font-sm: 14px;
  --font-base: 16px;
  --font-md: 17px;
  --font-lg: 20px;
  --font-xl: 24px;
  --font-2xl: 32px;
  --line-base: 1.6;
  --line-tight: 1.35;
  --text-muted: #667085;
}

html {
  font-size: var(--font-base);
}

body {
  font-size: var(--font-base);
  line-height: var(--line-base);
}

p {
  line-height: var(--line-base);
}

button,
.btn,
.btn-outline,
.btn-small,
input[type="submit"],
input[type="button"] {
  font-size: var(--font-base);
  line-height: var(--line-tight);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]),
textarea,
select,
option {
  font-size: var(--font-base);
}

label {
  font-size: var(--font-sm);
  line-height: var(--line-base);
}

table {
  font-size: 15px;
}

th {
  font-size: var(--font-sm);
}

.rv-navigation,
.rv-navigation a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.nav a {
  font-size: 15px;
}

.rv-login-btn,
.rv-register-btn {
  font-size: 15px;
}

.user-name {
  font-size: 15px;
}

.user-role,
.rv-logo-text span {
  font-size: 11px;
}

.logo-subtitle {
  font-size: var(--font-xs);
}

.user-dropdown a,
.logout-btn {
  font-size: 15px;
}

.message-count {
  font-size: 11px;
}

.rv-logo-text strong {
  font-size: 16px;
}

@media (max-width: 1100px) {
  .rv-navigation a {
    font-size: 16px;
  }
}

@media (max-width: 900px) {
  body {
    font-size: 16px;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"]),
  textarea,
  select,
  option {
    font-size: 16px;
  }
}