:root{
  /* cores base */
  --navy:#0b1826;
  --navy-2:#122438;
  --ink:#16233d;
  --paper:#f6f8fa;
  --paper-2:#eef1f5;

  /* cores de marca */
  --blue:#2f5fd6;
  --blue-deep:#1c3f9e;
  --green:#5ab446;
  --green-deep:#3e8a30;
  --green-bright:#8fe07a;

  /* acentos */
  --coral:#ff7a5c;
  --amber:#ffb020;
  --purple:#8a5cff;
  --sky:#5b8fff;

  /* linhas */
  --line:rgba(255,255,255,0.12);
  --line-dark:rgba(11,24,38,0.12);

  /* texto sobre fundo escuro */
  --on-dark-soft:#b9c6da;
  --on-dark-mid:#a9b7cc;
  --on-dark-faint:#7c8ba3;

  /* tipografia */
  --mono:'IBM Plex Mono', monospace;
  --disp:'Space Grotesk', sans-serif;
  --body:'Inter', sans-serif;

  /* espaçamento / bordas */
  --radius-sm:3px;
  --radius-md:8px;
  --radius-lg:14px;
  --max-w:1180px;
}