//
// Variables
// --------------------------------------------------
// Custom CSI font
// font-family: 'Cuprum', sans-serif;
// variants: 400 / 700
// link:
// Brand true colors
// don't use them directly
// they are for reference and remix only
// -------------------------
@brand-true-blue: desaturate(#00264d, 15%);
@brand-true-secondary-blue: #478fb4;
// Colors
// Gray and brand colors for use across Bootstrap.
// -------------------------
// Grays
@gray-darker: #222328; // #222
@gray-dark: #333438; // #333; // similliar in lightness to @brand-primary/@brand-true-blue
@gray: #555659; // #555
@gray-soft: #88898b; // by nienn | in most cases, replaces the old @gray-light: #777
@gray-light: #b1b2b4;
@gray-lighter: #f2f3f4; // #eee
// Brand (colors)
@brand-primary: @brand-true-blue;// #0e4170;
@brand-info: darken(@brand-true-secondary-blue, 1%);// #2885ac;
@brand-success: #6E9410;
@brand-warning: #f09901;
@brand-danger: #D23B3B;
// Text (grays)
@text-darker: desaturate(@gray-darker, 2%);// NEW
@text-dark: desaturate(@gray-dark, 2%);// NEW
@text-gray: desaturate(@gray, 2%);// NEW
@text-soft: desaturate(@gray-soft, 2%);// NEW
@text-light: mix(desaturate(@gray-light, 2%), @text-soft, 50%);// NEW
@text-lighter: mix(desaturate(@gray-lighter, 2%), @text-light, 65%);// NEW
// Text (colors)
@text-primary: @brand-primary;// NEW
@text-info: @brand-info;// NEW
@text-success: darken(spin(@brand-success, 20%), 5%);// NEW
@text-warning: darken(spin(desaturate(@brand-warning, 5%), -5%), 8%);// NEW
@text-danger: @brand-danger;// NEW
// Inverted Colors
// -------------------------
@inverse-text-info: lighten(@brand-info, 32%);// #B9D1DD;
// Scaffolding
// Settings for some of the most global styles.
// -------------------------
@body-bg: #fff;
@text-color: @text-gray;
@link-color: darken(@brand-info, 2%);
@link-hover-color: darken(@link-color, 2%);
@link-hover-decoration: underline;
// Components
// Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
// -------------------------
@padding-base: 10px;// from admin, by nienn
@padding-large: 20px;// from admin, by nienn
@component-margin-base: 30px;// from admin, by nienn
@padding-base-vertical: 6px;
@padding-base-horizontal: 12px;
@padding-large-vertical: 10px;
@padding-large-horizontal: 16px;
@padding-small-vertical: 5px;
@padding-small-horizontal: 10px;
@padding-xs-vertical: 1px;
@padding-xs-horizontal: 5px;
@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome
@line-height-small: 1.5;
@border-radius-base: 4px;
@border-radius-large: 6px;
@border-radius-small: 3px;
@component-active-color: #fff;
@component-active-bg: @btn-info-bg;
@caret-width-base: 4px;
@caret-width-large: 5px;
// Boxes
// wells / panels / everything that has boxed content...
@boxes-base-padding: 15px;
@boxes-base-padding-vertical: @padding-large-vertical;
@boxes-default-border: lighten(@gray-light, 17%);// #ddd;
@boxes-light-border: mix(@boxes-default-border, @gray-lighter, 50%);
// Separators
@contents-line-color: fade(@gray-darker, 20%);
// Typography
// Font, line-height, and color for body text, headings, and more.
// -------------------------
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif: Georgia, "Times New Roman", Times, serif;
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base: @font-family-sans-serif;
@font-size-base: 14px;
@font-size-large: ceil((@font-size-base * 1.25)); // ~18px
@font-size-small: ceil((@font-size-base * 0.85)); // ~12px
@font-size-h1: 38px; // ~36px
@font-size-h2: 30px; // ~30px
@font-size-h3: 25px; // ~24px
@font-size-h4: 20px; // ~18px
@font-size-h5: 17px; // @font-size-base
@font-size-h6: @font-size-base; // ~12px
@line-height-base: 1.428571429; // 20/14
@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
@headings-font-family: 'Open Sans', sans-serif;
@headings-line-height: 1.1;
@headings-color: @gray-dark;
@headings-font-light: 300;
@headings-font-regular: 400;// normal | italic
@headings-font-bold: 700;
@headings-font-weight: @headings-font-regular;
// Iconography
@icon-font-name: "AwesomeEntypo";
@icon-font-path: "../fonts/awesome-entypo/";
@icon-class-prefix: icon;
// Tables
// Customizes the .table component with basic values, each used across all table variations.
// -------------------------
@table-cell-padding: 8px;
@table-condensed-cell-padding: 5px;
@table-bg: #fff;
@table-bg-accent: #f9f9f9;
@table-bg-hover: #f5f5f5;
@table-bg-active: @table-bg-hover;
@table-border-color: @boxes-default-border;
// Buttons
// For each of Bootstrap's buttons, define text, background and border color.
// -------------------------
@btn-font-weight: normal;
@btn-default-color: @gray-dark;
@btn-default-bg: #fff;
@btn-default-border: #ccc;
@btn-primary-color: #fff;
@btn-primary-bg: lighten(@brand-primary, 5%);
@btn-primary-border: darken(@btn-primary-bg, 5%);
@btn-success-color: #fff;
@btn-success-bg: lighten(@brand-success, 1%);
@btn-success-border: darken(@btn-success-bg, 1.2%);
@btn-info-color: #fff;
@btn-info-bg: lighten(@brand-info, 1%);
@btn-info-border: darken(@btn-info-bg, 3.5%);
@btn-warning-color: #fff;
@btn-warning-bg: lighten(@brand-warning, 2%);
@btn-warning-border: darken(@btn-warning-bg, 2%);
@btn-danger-color: #fff;
@btn-danger-bg: lighten(@brand-danger, 1%);
@btn-danger-border: darken(@btn-danger-bg, 4.5%);
@btn-inverse-color: #fff;
@btn-inverse-bg: lighten(@gray-dark, 2.5%);
@btn-inverse-border: darken(@btn-inverse-bg, 5%);
@btn-link-disabled-color: @gray-soft;
// Forms
// -------------------------
@input-bg: #fff;
@input-bg-disabled: @gray-lighter;
@input-color: @gray;
@input-border: #ccc;
// TODO: Rename @input-border-radius to @input-border-radius-base in v4
// This has no effect on