@font-face {
  font-family: "PF Display";
  src: url("../fonts/dm-sans-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
}

@font-face {
  font-family: "PF Body";
  src: url("../fonts/inter-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
}

:root {
  --pf-blue-700: #1d4ed8;
  --pf-blue-600: #2563eb;
  --pf-blue-500: #3b82f6;
  --pf-blue-400: #60a5fa;
  --pf-blue-200: #bfdbfe;
  --pf-gold-600: #b78b3a;
  --pf-gold-500: #d4a853;
  --pf-gold-400: #e8c476;
  --pf-ink-950: #080b12;
  --pf-ink-900: #0b101b;
  --pf-ink-850: #0f172a;
  --pf-ink-800: #172033;
  /* Fundos claros: branco solido e branco azulado. NUNCA tom amarelado/creme
     (decisao do dono: dourado e cor de DESTAQUE, jamais cor de fundo). */
  --pf-paper: #ffffff;
  --pf-paper-2: #eef3fa;
  --pf-white: #ffffff;
  --pf-text-dark: #101827;
  --pf-text-mid: #4b5565;
  --pf-text-light: #e8edf7;
  --pf-text-soft: #9aa8bc;
  --pf-line-dark: rgba(255, 255, 255, 0.11);
  --pf-line-light: rgba(15, 23, 42, 0.12);
  --pf-success: #35c98a;
  --pf-grad: linear-gradient(120deg, var(--pf-blue-400) 8%, var(--pf-blue-500) 42%, var(--pf-gold-400) 90%);
  --pf-grad-strong: linear-gradient(120deg, var(--pf-blue-600), var(--pf-blue-400) 48%, var(--pf-gold-500));
  --pf-font-display: "PF Display", "Trebuchet MS", sans-serif;
  --pf-font-body: "PF Body", Arial, sans-serif;
  --pf-container: 1180px;
  --pf-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --pf-section: clamp(5.5rem, 12vw, 9.5rem);
  --pf-radius-sm: 0.75rem;
  --pf-radius-md: 1.25rem;
  --pf-radius-lg: 2rem;
  --pf-shadow: 0 28px 80px rgba(4, 8, 18, 0.18);
  --pf-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pf-header-h: 4.5rem;
}