purelymental-demo/assets/stylesheets/global/_vars.css.scss

/* Background color for the top bar */
$topbar-bg: green;

$pm_red: #D55F60;
$pm_blue: #67ABDE;
$pm_yellow: #F6D474;
$pm_green: #84C99D;

$cat_memory: $pm_red;
$cat_spacial-recognition: $pm_blue;
$cat_problem-solving: $pm_yellow;
$cat_focus: $pm_green;

/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base stuff
 */
$base-font-size:    16px!default;
$base-line-height:  24px!default;

/**
 * Base font-family.
 */
$base-font-family:  sans-serif!default;

/**
 * Default colour for objects’ borders etc.
 */
$base-ui-color:     green!default;

/*------------------------------------*\
    $FRAMEWORK
\*------------------------------------*/
/**
 * inuit.css will work these next ones out for use within the framework.
 *
 * Assign our `$base-line-height` to a new spacing var for more transparency.
 */
$base-spacing-unit: $base-line-height!default;
$half-spacing-unit: $base-spacing-unit / 2!default;
$line-height-ratio: $base-line-height / $base-font-size;