/* Colour and type tokens from the Figma collection "Silvi tokens". */

:root {
  --c-board: #fafaf7;
  --c-ink: #1d1d1f;
  --c-blue: #2f5e8e;
  --c-rose: #b5475c;
  --c-red: #d64545;
  --c-green: #2e9e5b;
  --c-green-text: #1e6e3f;
  --c-wa: #1a7f4b;
  --c-white: #ffffff;
  --c-muted: #33373c;
  --c-muted-small: #4a4e54;
  --c-on-dark: #d6d8dc;
  --c-dark-card: #2a2b2f;
  --c-postit-yellow: #fff1a8;
  --c-postit-pink: #ffd6de;
  --c-postit-green: #d4f0df;
  --c-postit-blue: #dce8f7;
  --c-blue-soft: #9ec0e6;
  --c-rose-soft: #f2a7b6;
  --c-dot: #dadde2;
  --c-hand: Kalam, "Segoe Print", cursive;
  --c-sans: "Plus Jakarta Sans", "Segoe UI", sans-serif;

  --board: var(--c-board);
  --ink: var(--c-ink);
  --blue: var(--c-blue);
  --rose: var(--c-rose);
  --red: var(--c-red);
  --green: var(--c-green);
  --green-ink: var(--c-green-text);
  --wa: var(--c-wa);
  --note-a: var(--c-postit-yellow);
  --note-b: var(--c-postit-pink);
  --note-c: var(--c-postit-green);
  --note-d: var(--c-postit-blue);
  --muted: var(--c-muted);
  --small: var(--c-muted-small);
  --on-dark: var(--c-on-dark);
  --hand: var(--c-hand);
  --sans: var(--c-sans);
}
