@font-face {
  font-family: "Modern Era";
  src: url("/_next/static/media/ModernEra-Regular.d00b9e32.woff2") format("woff2"),
    url("/_next/static/media/ModernEra-Regular.4ed13ec0.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Modern Era";
  src: url("/_next/static/media/ModernEra-Medium.ebf053e6.woff2") format("woff2"),
    url("/_next/static/media/ModernEra-Medium.491b778a.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Modern Era";
  src: url("/_next/static/media/ModernEra-Bold.445abb1f.woff2") format("woff2"),
    url("/_next/static/media/ModernEra-Bold.3e5d42dc.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Tiempos Headline";
  src: url("/_next/static/media/TiemposHeadline-Regular.2bc7d7e5.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Tiempos Headline";
  src: url("/_next/static/media/TiemposHeadline-Semibold.14cc36ce.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  --trust-black: #1a1a1a;
  --trust-stone: #484848;
  --trust-hot-pink: #fd0190;
  --trust-blue: #26dcef;
  --trust-soft-blue: #a9ebf5;
  --trust-soft-pink: #fff6f7;
}

body {
  background: #fff;
  color: var(--trust-black);
  font-family: "Modern Era", system-ui, sans-serif;
  letter-spacing: 0.01em;
}

#root {
  color: var(--trust-black);
}

#root :where(p, li, a, button, label, input, textarea, small) {
  font-family: "Modern Era", system-ui, sans-serif;
  letter-spacing: 0;
}

#root :where(p, li) {
  color: var(--trust-stone);
  font-weight: 400;
  line-height: 1.55;
}

#root :where(h1, h2, h3, h4) {
  color: var(--trust-black);
  font-family: "Tiempos Headline", Georgia, serif;
  letter-spacing: 0.005em;
  line-height: 1.12;
}

#root :where(h1, h2, h3, h4) * {
  font-family: inherit;
}

#root h1 {
  font-weight: 600;
}

#root h2 {
  font-weight: 400;
}

#root :where(h3, h4) {
  font-weight: 600;
}

#root :where(.text-muted-foreground) {
  color: var(--trust-stone);
}

#root :where(.uppercase) {
  color: var(--trust-hot-pink);
  font-family: "Modern Era", system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

#root :where(.text-gradient-brand) {
  background-image: linear-gradient(90deg, var(--trust-hot-pink), var(--trust-blue));
}

#root :where(.text-transparent) {
  color: transparent;
}

#root :where(nav a, header a, footer a) {
  color: var(--trust-black);
  font-weight: 500;
}

#root :where(.bg-foreground, .bg-foreground a, .bg-foreground button) {
  color: #fff;
}

#root a.bg-foreground,
#root button.bg-foreground,
#root header a.bg-foreground {
  color: #fff !important;
}

#root #contact > .bg-foreground {
  background: var(--trust-soft-blue) !important;
  color: var(--trust-black);
}

#root #contact > .bg-foreground :where(h1, h2, h3, h4) {
  color: var(--trust-black);
}

#root #contact > .bg-foreground :where(p, li, .text-muted-foreground) {
  color: var(--trust-stone);
}

#root #contact > .bg-foreground :where(.bg-background, .bg-background *) {
  color: var(--trust-black);
}

#root :where(.bg-background, .bg-background a, .bg-background button) {
  color: var(--trust-black);
}

#root :where(button, [role="button"]) {
  font-weight: 700;
}