:root{--color-base:#edf2f4;--color-base-offset:#ced8e8;--color-base-text:#1b3037;--color-base-text-offset:#1b3037;--color-primary:#ef233c;--color-primary-offset:#d90429;--color-primary-text:#ffffff;--color-primary-text-offset:#e8ffff;--font-base:Roboto;--font-heading:Raleway}html[data-mode=dark]{--color-base:#121212;--color-base-offset:#1e1e1e;--color-base-text:#ffffff;--color-base-text-offset:#bfbfbf;--color-primary:#6a2bf7;--color-primary-offset:#521ec5;--color-primary-text:#ffffff;--color-primary-text-offset:#e8ffff}