/* Typography rules based on client requirements */

/* Base font for the entire application */
body,
html {
  font-family: "Noto Sans JP", sans-serif;
}

/* Header - 20px */
.typography-header,
.sm-header-title,
.sidebar-header,
.app-header {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700 !important;
  font-size: 20px !important;
}

/* Đảm bảo header title luôn đúng kích thước */
.sm-header .sm-header-title,
.sm-header .sm-header-title a,
.sidebar .sidebar-header,
.sidebar .sidebar-header a {
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* Title - 32px */
.typography-title,
.page-title,
h1 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 32px !important;
}

/* Subtitle 1 - 24px */
.typography-subtitle1,
.subtitle,
h2,
.section-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 24px !important;
}

/* Body 1 - 16px */
.typography-body1,
.body-text,
p,
.table td,
.data-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px !important;
}

/* Body 2 - 14px */
.typography-body2,
.small-text,
.sidebar-submenu a,
.file-name-display,
.metadata,
.info-text,
small {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px !important;
}

/* Button - 14px with Medium weight */
.typography-button,
button,
.btn,
.submit-button,
.action-button,
.format-download-btn,
.file-selection-label,
input[type="submit"],
input[type="button"] {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500 !important;
  font-size: 14px !important;
}

/* Table headers should use Body 1 (16px) */
.table th {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px !important;
}

/* Links should maintain Body 2 size but can be bold */
a:not(.btn):not(.button) {
  font-size: 14px !important;
}

/* Specific overrides for elements that need special attention */
.user-circle {
  font-size: 14px !important;
  font-weight: 500;
}

/* Apply to menu items */
.sidebar-menu a {
  font-size: 16px !important;
}