:root {

  --book-navy: #243c54;
  --book-teal: #84cccc;
  --book-sand: #e4e4cc;
  --book-coral: #fc8484;
  --book-sky: #b4cce4;
  --book-gold: #e4b40c;
  --book-slate: #3c546c;
  --book-orange: #e4e4cc;
  --book-01: #243c54;
  --book-02: #84cccc;
  --book-03: #e4e4cc;
  --book-04: #fc8484;
  --book-05: #b4cce4;
  --book-06: #e4e4e4;
  --book-07: #e4b40c;
  --book-08: #fcfcfc;
  --book-09: #fce4e4;
  --book-10: #cccccc;
  --book-11: #b4b4b4;
  --book-12: #cccce4;
  --book-13: #e4e4fc;
  --book-14: #fccccc;
  --book-15: #9c9c9c;
  --book-16: #3c546c;
  --book-17: #84b4b4;
  --book-18: #54546c;
  --book-19: #6c9c9c;
  --book-20: #e4ccb4;
  --book-21: #ccb4b4;
  --book-22: #fccce4;
  --book-23: #546c84;
  --book-24: #3c3c54;

  --pub-leeswijzer-bg: #1b263b;
  --pub-leeswijzer-heading: #6fb3b8;
  --pub-leeswijzer-text: #e0e1dd;
  --pub-catalog-bg: #f07d81;
  --pub-catalog-ink: #243c54;
  --pub-catalog-surface: #243c54;
  --pub-catalog-highlight: #e4b40c;
  --pub-cycle-bg: #84c1bc;
  --pub-cycle-ink: #1a2b3c;

  --phase-definieren: var(--book-07);
  --phase-maken: var(--book-04);
  --phase-evalueren: var(--book-02);
}