:root{
--nd-black:#000000;
--nd-white:#ffffff;
--nd-gray-900:#1a1a1a;
--nd-gray-700:#555555;
--nd-gray-500:#7a7a7a;
--nd-gray-400:#8e8e8e;
--nd-gray-300:#b4b4b4;
--nd-gray-200:#d9d9d9;
--nd-gray-100:#efefef;
--nd-web-nav:#d6d6d6;

/* website (dark) */
--web-bg:var(--nd-black);
--web-fg:var(--nd-white);
--web-fg-muted:var(--nd-web-nav);

/* documents (light) */
--doc-bg:var(--nd-white);
--doc-fg:var(--nd-black);
--doc-body:var(--nd-gray-500);
--doc-meta:var(--nd-gray-400);
--doc-rule:var(--nd-gray-400);
--doc-rule-soft:var(--nd-gray-300);
}