/* ==========================================================================
   ARQUIVO: css/typo.css - V0.4.0 // CEY MUSIC
   INFRAESTRUTURA TIPOGRÁFICA: CARGA DE FONTES & ESCALA FLUIDA INTEGRADA
   ========================================================================== */

/* 1. ACESSOS FÍSICOS DAS FONTES VARIÁVEIS LOCAIS (ANTI-FOUT) */
@font-face {
  font-family: 'Plus Jakarta';
  src: url('/fonts/plusjakarta-variable.woff2') format('woff2');
  font-weight: 100 800;
  font-display: swap;
}

@font-face {
  font-family: 'Exo 2';
  src: url('/fonts/exo2-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Exo 2 Italic';
  src: url('/fonts/exo2-italic-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Orbitron';
  src: url('/fonts/orbitron-variable.woff2') format('woff2');
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: 'Nasalization';
  src: url('/fonts/nasalization.woff2') format('woff2');
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: 'Jetbrains';
  src: url('/fonts/jetbrains-variable.woff2') format('woff2');
  font-weight: bold;
  font-display: swap;
}

/* 2. HIERARQUIA DO CONSOLE MESTRE */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Orbitron', sans-serif;
  color: var(--text-primary);
  margin-top: 0;
  letter-spacing: 0.05em;
}

.seo-main-title {
  font-size: clamp(1.75rem, 4.5vw, 2.5rem) !important;
  font-family: 'Nasalization', sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

.seo-sub-title {
  font-size: clamp(1.06rem, 2.5vw, 1.5rem) !important;
  font-weight: 300;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  margin-bottom: 1.5rem;
}

/* 3. DIAGRAMAÇÃO TEXTUAL ANTI-FADIGA */
p {
  font-family: 'Plus Jakarta', sans-serif;
  line-height: 1.65;
  font-size: clamp(0.9375rem, 0.5vw + 0.8rem, 1.0625rem) !important;
  color: var(--text-primary);
  margin-bottom: 1.25rem;
}

.paragraph-lead {
  font-size: clamp(1.0625rem, 0.8vw + 0.85rem, 1.25rem) !important;
  font-weight: 600;
  line-height: 1.5;
  color: #ffffff;
}



/* Destaques de código ou termos técnicos embutidos no texto */
.inline-highlight {
  font-family: 'Jetbrains', monospace;
  font-size: 0.9em;
  background-color: #1e1e1e;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  border: 1px solid #2d2d2d;
  color: var(--neon-cyan);
}