/* Jedno miejsce na kolory, czcionki i promienie. Zmiana wyglądu zaczyna się tutaj. */
:root {
  --bg: #f3efe9;
  --surface: #ffffff;
  --ink: #1b1f3b;
  --ink-soft: #5a5e7a;
  --line: #e3e1ee;
  --accent: #5b6af0;
  --accent-strong: #4f5ee6;
  --accent-hover: #3f4ed6;
  --accent-soft: #eef0ff;
  --c1: #5b6af0;
  --c2: #ff7a6b;
  --c3: #6fcfa6;
  --c4: #ffc94d;
  --c5: #f4a6c8;
  --c6: #8f98f5;
  --c7: #ffb0a6;
  --c8: #a8e3c9;
  --danger: #b42318;
  --font-display: "Archivo", system-ui, sans-serif;
  --font-text: "Hanken Grotesk", system-ui, sans-serif;
  --radius: 12px;
  --radius-pill: 999px;
}