/* Inter - Fonte moderna otimizada para UI com excelente variação de pesos */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

* {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400; /* Regular como padrão - criando contraste */
}

/* Otimização de renderização */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height: 1.6;
}

/* Hierarquia de pesos - DIVERGÊNCIA CLARA entre fino e espesso */

/* Títulos principais - Extra-bold e Black (ESPESSO) */
h1 {
  font-weight: 900; /* Black - máximo contraste */
  line-height: 1.2;
  letter-spacing: -0.02em;
}

h2 {
  font-weight: 800; /* Extra-bold - muito forte */
  line-height: 1.3;
  letter-spacing: -0.015em;
}

h3 {
  font-weight: 700; /* Bold */
  line-height: 1.4;
  letter-spacing: -0.01em;
}

h4 {
  font-weight: 600; /* Semi-bold */
  line-height: 1.4;
}

h5, h6 {
  font-weight: 600; /* Semi-bold */
  line-height: 1.4;
}

/* Texto padrão - Regular e Light (FINO) */
p, span, div, li {
  font-weight: 400; /* Regular - base leve */
  line-height: 1.6;
}

/* Texto descritivo/secundário - Light (MAIS FINO) */
.text-secondary, .text-muted, small, .small {
  font-weight: 300; /* Light - bem fino */
}

/* Tabelas - Contraste entre header e conteúdo */
table, td {
  font-weight: 400; /* Regular - conteúdo leve */
  line-height: 1.5;
}

th {
  font-weight: 700; /* Bold - headers bem marcados (ESPESSO) */
}

/* Botões - Bold para destaque (ESPESSO) */
button, .btn, a.btn {
  font-weight: 600; /* Semi-bold - destaque médio */
  letter-spacing: 0.01em;
}

.btn-primary, .btn-success, .btn-danger {
  font-weight: 700; /* Bold - botões principais mais fortes */
}

/* Labels e inputs - Medium vs Regular */
label, .form-label {
  font-weight: 500; /* Medium - labels destacadas mas não pesadas */
  line-height: 1.5;
}

input, select, textarea {
  font-weight: 400; /* Regular - inputs leves */
}

input::placeholder, textarea::placeholder {
  font-weight: 300; /* Light - placeholders muito finos */
}

/* Badges e status - Bold (ESPESSO) */
.badge, .status-badge, .priority-badge, .doc-badge, .activity-badge {
  font-weight: 700; /* Bold - badges bem marcados */
  letter-spacing: 0.02em;
}

/* Navegação - Medium a Bold */
nav, .nav, .navbar {
  font-weight: 500; /* Medium - navegação equilibrada */
}

.nav-link.active, .navbar .active {
  font-weight: 700; /* Bold - item ativo bem destacado */
}

/* Cards - Contraste header vs body */
.card-header {
  font-weight: 700; /* Bold - títulos de cards destacados */
}

.card-body {
  font-weight: 400; /* Regular - conteúdo leve */
}

.card-title {
  font-weight: 800; /* Extra-bold - títulos principais muito fortes */
}

.card-subtitle {
  font-weight: 300; /* Light - subtítulos finos */
}

/* Valores numéricos e monetários - Bold (ESPESSO) */
.valor, .kpi-value, .numero-os {
  font-weight: 700; /* Bold - números destacados */
  font-variant-numeric: tabular-nums;
}

/* Destaque forte vs fraco */
strong, b {
  font-weight: 700; /* Bold - destaque forte */
}

em, i {
  font-weight: 300; /* Light - ênfase leve e fina */
  font-style: italic;
}

/* Menu sidebar - mais espesso */
.menu-sidebar .navbar-list a {
  font-weight: 600; /* Semi-bold - links bem espessos */
}

.menu-sidebar .navbar-list a.active,
.menu-sidebar .navbar-list a:hover {
  font-weight: 800; /* Extra-bold - item ativo/hover muito destacado */
}

.menu-sidebar .menu-separator span {
  font-weight: 800; /* Extra-bold - separadores muito marcados */
  letter-spacing: 0.05em;
}

/* Topbar/Header - mais espesso */
.header-desktop, .page-container .header-desktop {
  font-weight: 600; /* Semi-bold - header espesso */
}

.header-desktop .account-item,
.header-desktop .header-button,
.header-desktop .noti-wrap {
  font-weight: 600; /* Semi-bold - elementos do header espessos */
}

.header-desktop .account-item .account-dropdown .info strong,
.header-desktop .account-item .content strong {
  font-weight: 800; /* Extra-bold - nomes e destaques muito fortes */
}

/* Breadcrumb - fino */
.crumb a, .breadcrumb-item {
  font-weight: 400; /* Regular - breadcrumb leve */
}

.crumb .active {
  font-weight: 600; /* Semi-bold - item atual destacado */
}

/* Classes utilitárias - cobertura completa de pesos */
.fw-black {
  font-weight: 900;
}

.fw-extrabold {
  font-weight: 800;
}

.fw-bold {
  font-weight: 700;
}

.fw-semibold {
  font-weight: 600;
}

.fw-medium {
  font-weight: 500;
}

.fw-regular {
  font-weight: 400;
}

.fw-light {
  font-weight: 300;
}