/* Purr Tipografia NLab: Sistema Editorial Aprovado (Manrope + Neulis Cursive + IBM Plex Mono)
   - Manrope: Leitura, interface, títulos dos 6 cases, subtítulos e cargos no currículo.
   - Neulis Cursive: Reservada a títulos principais e destaques expressivos.
   - IBM Plex Mono: Etiquetas, filtros, metadados e notas laboratoriais.
   - Detalhes manuscritos intencionais preservados.
*/

/* 1. Manrope WOFF2 (Arquivos locais otimizados) */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../assets/fonts/Manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../assets/fonts/Manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --purr-font-expressive: "neulis-cursive", Lab, sans-serif;
  --purr-font-editorial: "Manrope", sans-serif;
  --purr-label-font: "IBM Plex Mono", monospace;
  --purr-font-principal: var(--purr-font-expressive);
}

/* 2. Manrope: Leitura e Interface Geral */
body,
button,
input,
select,
textarea,
#main-menu,
#main-menu a,
nav,
nav a,
.purr-nav-more summary,
.button,
.purr-ai-case-btn,
.console-tabs button,
.memory-close {
  font-family: var(--purr-font-editorial);
}

p,
.hero p,
.hero-copy,
.intro-line p,
.purr-selection-note,
.case-card-role,
.work-body p,
.timeline article p,
.purr-about-copy p,
.purr-panel-sub,
.purr-qualification p,
.services details p,
.window-body p,
.contact p,
.cv-lead,
.cv-item p,
.purr-programs-note,
.purr-ai-lab p {
  font-family: var(--purr-font-editorial);
  letter-spacing: -0.008em;
}

@media (min-width: 761px) {
  #main-menu a,
  nav a,
  #main-menu .purr-nav-more summary {
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: -0.015em;
  }
}

/* 3. Títulos dos 6 Cases em Manrope 800 */
.case-label h3,
.case h3,
.case-grid h3,
.work-body h3,
.cases-header h3,
#projetos .case-grid h3,
.case-grid-divider h3 {
  font-family: var(--purr-font-editorial) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
}

/* 4. Subtítulos de Seções, Grupos, Cards e Currículo em Manrope 700 */
.timeline article h3,
.creative-console h3,
.window-body b,
.services summary,
.lab-folder-face strong,
.repertoire-card strong,
.volunteer-phase-content h3,
.purr-qualification h4,
.purr-qualification h5,
.purr-group-head h4,
.purr-skill-card h4,
.purr-academic-card h4,
.purr-ai-card h3,
.purr-cdms-col h4,
.purr-panel-head h3,
.purr-career-panel h3,
.formation-item h3,
.recognitions h3,
.dialog-text h3,
.cv-item h3 {
  font-family: var(--purr-font-editorial) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em;
}

/* 5. Neulis Cursive: Títulos Principais e Destaques Expressivos */
h1,
h2,
.wordmark,
.hero h1,
.olympikus-hero h1,
.big-type,
.section-head h2,
.intro-line h2,
.about h2,
.purr-about-copy h2,
.process h2,
.contact h2,
#creations-title,
#repertoire-title,
#memory-title,
#criacoes h2,
#repertorio h2,
#memorias h2,
.memory-heading h2,
.memory-drawer-head h2,
.purr-eco-title,
.tcx-title,
.repertoire-lab .lab-archive--in-repertoire h3,
.cv-header h1,
#ai-lab-title,
.purr-ai-lab h2,
.purr-formation-vitrine h2,
#formation-title,
.purr-cdms-kpi strong,
.g-hero h1,
.g-applications h2,
.g-workflows h2,
.g-community h2,
.g-achievements h2,
.g-metrics-section h2,
.g-journal h2,
.g-certificates h2,
.g-context h2 {
  font-family: var(--purr-font-expressive) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em;
}

.wordmark {
  font-weight: 700 !important;
  letter-spacing: -0.045em;
}

/* Purr Ecosystem: Título expressivo com clamp ajustado para perfeita responsividade */
.mlab h2 {
  font-family: var(--purr-font-expressive) !important;
  font-weight: 600 !important;
  font-size: clamp(42px, 6.5vw, 84px) !important;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

/* 6. Destaques Autorais Preservados */
h1 em,
h2 em,
.hero h1 em,
.about h2 em,
#ai-lab h2 em,
.memory-heading h2 em,
.g-hero h1 em,
.g-journal h2 em,
.g-context h2 em {
  font-style: normal;
}

.volunteer-handwritten,
.repertoire-scribble,
.g-under-note,
.g-hand-arrow {
  font-family: italic Georgia, serif !important;
}

/* 7. IBM Plex Mono: Etiquetas, Filtros e Metadados */
.eyebrow,
h2.eyebrow,
.mono,
.sticker,
.note-paper,
.scribble,
.turn-note,
.lab-ticket span,
.development-stamp,
.case-filters button,
.repertoire-controls button,
.repertoire-controls button span,
.purr-archive-filters button,
.volunteer-phase,
.volunteer-phase span,
.volunteer-mono,
.volunteer-folder-tab,
.volunteer-frame-top,
.volunteer-thumbs span,
.ticker .shell,
.purr-ticker-group span,
.purr-ticker-pause,
.process .margin-note,
.purr-note-sheet,
.hero-lead-label,
.hero-chip,
.hero-role,
.timeline-kicker,
.timeline-meta time,
.timeline-meta span,
.timeline-counter,
.tag,
.case-tag,
.meta-pill,
.purr-badge,
.lab-ticket-counter,
.services-meta,
.cv-meta,
.cv-date,
.cv-badge,
.contact-channel,
.contact-channel .type,
.purr-qual-top .mono,
.purr-qual-status,
.purr-ai-card-top .mono,
.purr-ai-tag,
.purr-ai-showcase-label .mono,
.purr-cv-mini-head .mono,
.purr-cv-mini-tag,
.case-featured-label,
.case .mono,
.google-diary-page .g-mono,
.g-mono,
.g-kicker,
.g-status-chip,
.g-cutoff,
.g-highlights li,
.g-stamp,
.g-breadcrumb,
.g-inline-tags span,
.g-sticky small,
.g-board-google,
.g-disclaimer {
  font-family: var(--purr-label-font) !important;
}