/* I colori, i caratteri e le misure del sito: un posto solo, perché li usa
   anche il teaser (`teaser/index.html`), che è servito dallo stesso dominio.
   Vedi docs/design-system.md. */

:root {
  --ink: #1a1f2e;
  --navy: #141826;
  --navy-2: #1c2236;
  --surface: #f2f3f7;
  --card: #ffffff;
  --chip: #dfe2ea;
  --muted: #6b7280;
  --muted-2: #9aa0b3;
  --yellow: #ffc93c;
  --green: #2aa564;
  --red: #e2213c;
  --orange: #ec6a12;
  --blue: #2f6fe0;
  --purple: #7c3aad;
  --display: "Bebas Neue", Impact, "Arial Narrow Bold", sans-serif;
  --body: "Rubik", "Segoe UI", system-ui, sans-serif;
  --shadow: 4px 4px 0 var(--ink);
  --shadow-sm: 3px 3px 0 var(--ink);
  --radius: 12px;
  --gutter: 20px;
  --max: 1120px;
}