/*****************************************************************************/
/*                                                                           */
/*  IMPORTS                                                                  */
/*                                                                           */
/*****************************************************************************/

/* main stylesheet */
@import "../../style/default.css";

/* 
 * Using variables from imported stylesheets
 * =========================================
 * 
 * Write e.g. color: var(--color-crimson); font-family: var(--heading-typeface);
 * 
 */




/*****************************************************************************/
/*                                                                           */
/*  VARIABLES                                                                */
/*  (variables must go inside the :root psuedo-selector)                     */
/*                                                                           */
/*****************************************************************************/

:root {
	--body-typeface: 'concourse_4';
}




/*****************************************************************************/
/*                                                                           */
/*  PAGE SPECIFIC STYLING                                                    */
/*                                                                           */
/*****************************************************************************/

/* property value separator */

span.propval + span.propval::before {
	content: " | ";
}

/* XSL-FO datatypes */

span.datatype {
	font-weight: bold;
	color: var(--color-green-L40);
}

/* CSS datatypes */

span.css2-datatype {
	font-weight: bold;
	color: var(--color-cyan-L40);
}

/* special datatype for sides of rectangles */

span.rect-side {
	font-style: italic;
}

/* 
 * delimiters for datatypes
 * 
 */

span.datatype::before,
span.css2-datatype::before,
span.valuetype::before,
span.rect-side::before {
	content: "<";
}

span.datatype::after,
span.css2-datatype::after,
span.valuetype::after,
span.rect-side::after {
	content: ">";
}

/* 
 * make the TOC take up less vertical space
 */

ul.toc {
	columns: 2;
}