:root {
  /* Paleta SAMEQ */
  --brand-color: linear-gradient(125deg, rgba(35, 168, 170, 0.04) 0%, #228ba3 45%);

  --petrol: #0E3A44;
  --petrol-deep: #0A2B33;
  --teal: #228ba3;
  --teal-ink: #0D6D80;
  --teal-light: #7FD0E0;
  --star: #F2B024;

  --surface: #FFFFFF;
  --surface-alt: #F5F7F7;
  --ink: #33474D;
  --ink-soft: #4A5C61;
  --muted: #68787C;
  --muted-soft: #8A999D;
  --faint: #A3B0B3;
  --line: rgba(0,0,0,.09);
  --line-strong: rgba(0,0,0,.16);

  --font-sans: 'Archivo', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --r-input: 7px;
  --r-card: 11px;
  --r-modal: 14px;
  --r-pill: 99px;

  --container: 1120px;
  --gutter: 24px;
  /* Altura total do header (.hdr__inner 62px + 1px de borda). O hero usa este
     valor para subir por baixo dele e pintar o gradiente dos dois de uma vez. */
  --hdr-h: 63px;
}