:root {

color-scheme:light dark;

--white:#ffffff;
--black:#000000;

--grey-lt1:#f6f6f6;
--grey-lt2:#f2f2f2;
--grey-lt3:#e8e8e8;
--grey-lt4:#e3e3e3;

--grey-mid1:#dddddd;
--grey-mid2:#dbdbdb;
--grey-mid3:#cfcfcf;
--grey-mid4:#cccccc;
--grey-mid5:#bbbbbb;
--grey-mid6:#999999;
--grey-mid7:#888888;

--grey-dk1:#777777;
--grey-dk2:#555555;
--grey-dk3:#333333;
--grey-dk4:#222222;

--critical-color:var(--grey-dk3);

--background-alt:var(--grey-mid2);

--prime-button-color:var(--grey-dk1);
--second-button-color:var(--grey-lt2);
--critical-button-color:var(--grey-dk3);

--minor-text:var(--grey-dk2);

--odd-rows:var(--grey-lt4);
--even-rows:var(--grey-lt1);
--hover-rows:var(--grey-mid1);

--navbar:var(--grey-mid3);
--header:var(--grey-lt3);

--login-forms:var(--grey-lt3);

--tag:var(--grey-lt1);

--code-blocks:#BBEEFF;

--default-borders:var(--grey-mid1);
--field-borders:var(--grey-mid5);
--field-border-focus:var(--grey-mid6);

--link-color:#337ab7;
--link-focus-color:#23527c;

--sub-menu-link-hover:#23527c;

}