/*
 * Widths
 */
@wrapper_width: 1360px;
@medium_width: 800px;
@mobile_width: 640px;

/*
 * The Grid
 */

@gutter_width: 20px;
@column_count: 24;

/*
 * Typography
 */
@base_font_size: 13;

/*
 * Border Radius
 */
@border_radius: 4px;

/*
 * Colours
 */
@border_color: #d7dce4;
@text_color: #323234;

@primary_color: @mtc_blue;
@secondary_color: #4ed2b5;

/*
 * Dark background / Light text
 */
@dark_color: #323232;
@light_text_color: @light_color;

/*
 * Light background / Dark text
 */
@light_color: #edf0f2;
@dark_text_color: @text_color;
@med_color: #b7babc;

/*
 * Alert Colours
 */
@alert_color: #e74c3c;
@information_color: #f1c40f;
@success_color: #2ecc71;

/*
 * Misc Colours
 */
@highlight_color: @primary_color;
@background_color: @light_color;
@mtc_blue: #0f55c4;

/*
 * Media Query Breakpoints
 */

@desktop: ~"all and (min-width: " (@wrapper_width + 20) ~ ")";
@tablet: ~"all and (min-width: " (@mobile_width + 1) ~ ") and (max-width: " (@wrapper_width + 19) ~ ")";
@medium: ~"all and (min-width: " (@medium_width + 1) ~ ") and (max-width: @{wrapper_width})";
@mobile: ~"all and (max-width: @{mobile_width})";

@primary_font: ~"'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif";
@body_font: ~"'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif";
