/* Zmienne: kolory, czcionki. Zmiana brandingu = zmiana tylko tutaj. */
:root {
  --bg: #eef2f7;
  --surface: #ffffff;
  --ink: #122038;
  --muted: #51607a;
  --line: #cfd8e6;
  --blue: #2b55ff;
  --blue-ink: #ffffff;
  --yellow: #ffd84a;
  --yellow-ink: #122038;

  --font-head: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1626;
    --surface: #162238;
    --ink: #eaf0fb;
    --muted: #9fb0cc;
    --line: #2a3a58;
    --blue: #7b95ff;
    --blue-ink: #0e1626;
  }
}

:root[data-theme="dark"] {
  --bg: #0e1626;
  --surface: #162238;
  --ink: #eaf0fb;
  --muted: #9fb0cc;
  --line: #2a3a58;
  --blue: #7b95ff;
  --blue-ink: #0e1626;
}