:root { --black: #1B1A1A; /* 7/32 */ --darkgrey: #232121; /* 8/32 */ --lightgrey:#ECEAEA; /* 30/32 */ --white: #F6F4F4; /* 31/32 */ --blue: #5F7C9C; /* oklch(62.5% 0.118 259.065) */ --bodyColour: var(--black); --backgroundColour:var(--darkgrey); --foregroundColour:var(--white); --colour: var(--blue); --minimumPageWidth:10rem; /* 12rem including body padding. */ --maximumPageWidth:74rem; font-family:"Liberation Serif","serif"; font-size: calc(1000mm / 1728 * 8); } * { box-sizing:border-box; margin: 0; padding: 0; } body { background-color:var(--bodyColour); color: var(--foregroundColour); padding: 1rem; } p { line-height:1em; }