/* AskNode: estilos do site */
@font-face {
  font-family: "League Spartan";
  src: url("assets/fonts/LeagueSpartan.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("assets/fonts/PlusJakartaSans.ttf") format("truetype");
  font-weight: 200 800;
  font-display: swap;
}
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-24: 96px;
  --sp-32: 128px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-pill: 999px;
  --bd-thin: 1px;
  --bd-base: 1.5px;
  --bd-thick: 2px;
  --bd-alpha: rgba(var(--shadow-tint), .09);
  --fs-xs: .75rem;
  --fs-sm: .8125rem;
  --fs-base: .9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.25rem;
  --fs-display-2: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --fs-display: clamp(2.5rem, 1.5rem + 4vw, 5rem);
  --fs-hero: clamp(3rem, 1.2rem + 7vw, 7.5rem);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extra: 800;
  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-base: 1.55;
  --lh-loose: 1.65;
  --ls-caps: .08em;
  --ls-tight: -.011em;
  --dur-fast: .12s;
  --dur-base: .18s;
  --dur-slow: .32s;
  --ease: cubic-bezier(.2, .9, .25, 1);
  --focus-w: 3px;
  --focus-offset: 2px;
  --touch: 44px;
  --mark-h: 28px;
  --container: 1180px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --shadow-tint: 35, 31, 32;
  --sh-1: 0 1px 2px rgba(var(--shadow-tint), .05), 0 4px 16px rgba(var(--shadow-tint), .06);
  --sh-2: 0 6px 28px rgba(var(--shadow-tint), .12);
  --sh-3: 0 1px 1px rgba(var(--shadow-tint), .06), 0 4px 8px -2px rgba(var(--shadow-tint), .08), 0 24px 48px -12px rgba(var(--shadow-tint), .18);
  --font-base: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "League Spartan", var(--font-base);
  --font-tagline: var(--font-base);
  --marca: #EC672D;
  --marca-hover: #C25425;
  --marca-active: #9C441E;
  --marca-soft: #FDEDE6;
  --cinza-nome: #6D6E71;
  --ink: #231F20;
  --gray-body: #414042;
  --gray-light: #DCDDDE;
  --white: #FFFFFF;
  --ui-bg: #F7F7F8;
  --ui-soft: #F1F1F2;
  --color-bg: var(--ui-bg);
  --color-surface: var(--white);
  --color-surface-2: var(--ui-soft);
  --color-border: var(--gray-light);
  --color-border-strong: #B9BABC;
  --color-text: var(--ink);
  --color-text-body: var(--gray-body);
  --color-text-subtle: #6D6E71;
  --color-text-inverse: var(--white);
  --color-brand: var(--marca);
  --color-brand-hover: var(--marca-hover);
  --color-brand-active: var(--marca-active);
  --color-brand-text: #231F20;
  --color-brand-soft: var(--marca-soft);
  --color-accent: var(--cinza-nome);
  --color-nav: #351F65;
  --color-nav-hover: #2A1850;
  --color-nav-active: #1F113C;
  --color-nav-text: var(--white);
  --color-nav-soft: #EEEBF3;
  --color-confirm: #1B7A48;
  --color-confirm-hover: #146038;
  --color-confirm-active: #0E4527;
  --color-confirm-text: var(--white);
  --color-confirm-soft: #E5F4EC;
  --color-danger: #B3121F;
  --color-danger-hover: #8C0E18;
  --color-danger-text: var(--white);
  --color-danger-soft: #FCE8EA;
  --color-success: #1B7A48;
  --color-success-soft: #E5F4EC;
  --color-warning: #9C6608;
  --color-warning-soft: #FBF0DD;
  --color-info: #351F65;
  --color-info-soft: #EEEBF3;
  --color-link: #351F65;
  --color-focus: #EC672D;
  --apoio-roxo: #351F65;
  --apoio-bege: #BAAC88;
  --cinza-k50: #939598;
}