/*<meta />*/

/* MadCap-Branding applanguage:Templates/Projects/Online/Tripane/ */

/*==============================================================================================
* IMPORTS
*----------------------------------------------------------------------------------------------
* Provides a way of bootstrapping custom stylesheets that we want to inject across the site.
*--------------------------------------------------------------------------------------------*/

@import url("Project.css");
@import url("Shared.css");
@import url("Online/Layout.css") not print;

/*==============================================================================================
 * BRANDING
 *----------------------------------------------------------------------------------------------
 * Establishes variable that may be of use in multiple Online and/or Print targets.
 *--------------------------------------------------------------------------------------------*/

:root
{

/*----------------------------------------------------------------------------------------------
 * CONFIGURATION
 *----------------------------------------------------------------------------------------------
 * Establishes variable names that determine the configuration of the documentation.
 *--------------------------------------------------------------------------------------------*/
  --version                : "GoldSim 15";

/*----------------------------------------------------------------------------------------------
 * COLORS
 *----------------------------------------------------------------------------------------------
 * Copied brand colors from GoldSim website so they can be used in MadCap elements.
 *--------------------------------------------------------------------------------------------*/
  --black                  : #202020;
  --white                  : #FFFFFF;
  --grey-dark              : #666666;
  --grey-medium            : #999999;
  --grey-light             : #CCCCCC;
  --grey-lighter           : #E3E3E3;
  --grey-lightest          : #F3F3F3;
  --yellow                 : #FEC10D;
  --green                  : #66AE3D;
  --red                    : #EB5D62;
  --blue                   : #00ADEF;

/*----------------------------------------------------------------------------------------------
 * STYLES
 *----------------------------------------------------------------------------------------------
 * Establishes variable names that will define common stylistic elements.
 *--------------------------------------------------------------------------------------------*/
  --box-shadow             : 0 0 9px 2px rgb(0 0 0 / 7%);
  --title-font-family      : Oxygen, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  --body-font-family       : Source Sans Pro,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
  --icon-font-family       : 'Font Awesome 6 Free';

/*----------------------------------------------------------------------------------------------
 * IMAGES
 *----------------------------------------------------------------------------------------------
 * Establishes variable names for images that can be used across the stylesheets and themes.
 *--------------------------------------------------------------------------------------------*/
  --logo                   : url('../Images/Logo.png');
  --icon-arrow-left        : url('../Images/Icons/caret-left-solid.png');
  --icon-arrow-right       : url('../Images/Icons/caret-right-solid.png');
  --icon-print             : url('../Images/Icons/print-solid.png');
  --icon-remove-highlight  : url('../Images/Icons/remove-format-solid.png');

}