/* =========================================================
   Design tokens — identidade visual program&Co
   Azul, amarelo e preto em tons escuros
   ========================================================= */
:root {
  /* Fundos */
  --ink: #06080e;
  --panel: #0c111d;
  --panel-2: #121a2c;
  --line: #1d2742;

  /* Texto */
  --fg: #e7ebf5;
  --muted: #8b95ae;

  /* Marca */
  --blue: #3a74ff;
  --blue-deep: #10275f;
  --yellow: #ffc83a;
  --yellow-ink: #1a1400;

  /* Tipografia */
  --f-display: "Chakra Petch", ui-sans-serif, system-ui, sans-serif;
  --f-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Layout */
  --max-width: 1180px;
  --gutter: 16px;
  --radius: 4px;

  color-scheme: dark;
}