/* Tokens da marca Ininvest: uma fonte só para o site e para o app.
   O primeiro bloco é o que o Taste imprimiu (start.mjs brand); não editar à mão. */
:root {
  --p-bg: #f7f9fc; --p-surface: #e8f7f0; --p-ink: #0b1a33; --p-muted: #51607a;
  --p-accent: #0047ab; --p-accent-ink: #f7f9fc; --p-action: #0047ab; --p-action-ink: #f7f9fc;
  --p-inv-bg: #0b1a33; --p-inv-surface: #182740; --p-inv-ink: #f7f9fc; --p-inv-muted: #949dab;
  --p-inv-accent: #f7f9fc; --p-inv-accent-ink: #0b1a33; --p-inv-action: #f7f9fc; --p-inv-action-ink: #0b1a33;
  --font-display: "Instrument Sans", system-ui, sans-serif;
  --font-text: "Instrument Sans", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --display-weight: 500;
  --display-tracking: -0.028em;
  --display-tracking-xl: -0.036em;
  --display-stretch: 96%;
  --ly-scale: 1.04;
}

/* A escala das duas cores do briefing. */
:root {
  --cobalto-50: #eef3fb;
  --cobalto-100: #d9e5f6;
  --cobalto-300: #7fa6df;
  --cobalto-600: #0047ab;
  --cobalto-700: #003a8c;
  --cobalto-900: #06225a;
  --menta-50: #effaf5;
  --menta-100: #e8f7f0;
  --menta-200: #c9f0df;
  --menta-300: #9fe8cb;
  --menta-500: #34c79a;
  --menta-800: #0a5f4a;
}