/**
 * Resulta CRM — tipografia oficial em todo o sistema (self-hosted)
 * Space Grotesk (títulos/display) + Inter (UI/corpo) + JetBrains Mono
 * Manual de Marca v1.0 — carregar DEPOIS do CSS Tailwind compilado.
 */

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/SpaceGrotesk-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/SpaceGrotesk-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/SpaceGrotesk-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --resulta-font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --resulta-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif;
  --resulta-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-sans: var(--resulta-font-body);
  --font-display: var(--resulta-font-display);
  --font-mono: var(--resulta-font-mono);
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--resulta-font-body);
}

/* Corpo / UI em todo o app (vence preflight Tailwind) */
html,
body,
.theme,
.font-sans,
button,
input,
select,
textarea,
optgroup,
label,
table,
th,
td,
.btn,
.wz-btn,
.content,
main,
.modal,
.dialog,
[role="dialog"],
[role="menu"],
[role="listbox"],
.dropdown-menu {
  font-family: var(--resulta-font-body);
}

/* Títulos e display em todas as páginas */
h1, h2, h3, h4, h5, h6,
.font-display,
.page-title,
.modal-title,
.card-title {
  font-family: var(--resulta-font-display);
  letter-spacing: -0.02em;
}

/* Sidebar */
.sidebar,
.sidebar .sidebar-link,
.sidebar .sidebar-text,
.sidebar .sidebar-brand-text,
.sidebar .sidebar-profile-details,
.sidebar button,
.sidebar a {
  font-family: var(--resulta-font-display);
  letter-spacing: -0.015em;
}

.sidebar .sidebar-link { font-weight: 500; }
.sidebar .sidebar-link.active .sidebar-text { font-weight: 600; }
.sidebar .sidebar-brand-text { font-weight: 700; }

/* Destaques tipográficos comuns do CRM (dashboard, cards, topbars) */
main.content .text-2xl,
main.content .text-xl,
main.content .text-3xl,
main.content .text-4xl,
main.content .text-lg.font-semibold,
main.content .text-lg.font-bold,
main.content .text-base.font-semibold,
main.content .text-base.font-bold,
main.content .text-sm.font-semibold,
main.content .text-sm.font-bold,
.superadmin h1,
.superadmin h2,
.superadmin h3,
.affiliate-layout h1,
.affiliate-layout h2,
.affiliate-layout h3 {
  font-family: var(--resulta-font-display);
  letter-spacing: -0.02em;
}

/* Mono */
code,
kbd,
pre,
samp,
.font-mono,
.wz-code,
.wz-code-inline {
  font-family: var(--resulta-font-mono);
}


/* Force stack em todo o documento */
html:root,
html body {
  font-family: var(--resulta-font-body) !important;
}

/* Lucide/icon fonts: não forçar família em SVG */
svg {
  font-family: inherit;
}