/* colours */
:root {
	--ah-color-gold: #85754d;
	--ah-color-text: #8e9091;
	--ah-color-white: #ffffff;
	--ah-color-black: #000000;
	--ah-color-link: #77a3ec;
	--ah-color-link-hover: #2f363b;
	--ah-color-heading: #2f363b;
	--ah-color-border: #ebebeb;
	--ah-color-brown: #5d4037;
	--ah-color-caret: #ededed;
	--ah-color-lang-link: #f2f2f2;
	--ah-color-dropdown: rgba(255, 255, 255, 0.95);
	--ah-color-dropdown-glow: #a7a7a7;
	--ah-color-drawer: rgba(0, 0, 0, 0.8);
	--ah-color-overlay: rgba(0, 0, 0, 0.5);
	--ah-color-footer: #2c2c2c;
	--ah-color-bottom: #212121;
	--ah-color-bottom-text: #676c70;
	--ah-color-powered: #cccccc;
	--ah-color-popup-text: #333333;
	--ah-color-frame: #86754d;
	--ah-color-dark: #14191a;
	--ah-color-content-text: #616161;
	--ah-color-rule: #b1b1b1;
	--ah-color-history-bg: #f5f5f5;
	--ah-color-history-text: #474545;
	--ah-color-history-title: #0a0a0a;
	--ah-color-tile-text: #fefefe;
	--ah-color-card-text: #6b6b6b;
}

/* shadows */
:root {
	--ah-shadow-header: #0e0e0e 0px 0px 32px 0px;
	--ah-shadow-band-title: #000000 1px 1px 42px;
}

/* typography */
:root {
	--ah-font: Roboto, sans-serif;
	--ah-font-size: 16px;
	--ah-font-weight: 300;
	--ah-line-height: 26px;
}

/* sizes */
:root {
	--ah-inner-width: 1010px;
	--ah-gutter: 25px;
	--ah-gutter-wide: 35px;
}