/**
Some bootstrap variables are not left by the default of bootstrap, but are overwritten by ILIAS less variales.
Those are set here. If you need to overwrite a less variable of bootstrap, set a variable in the the variables.less
file of ILIAS with the il- prefix and use this variable to overwrite the boostrap variable here. If possible, do use
the il- variable in your less code and not the boostrap variable in your less code.
 */

//== Colors
//
//## Gray and brand colors for use across Bootstrap.
@brand-primary:         @il-main-color;
@brand-success:         @il-success-color;
@brand-info:            @il-info-color;
@brand-warning:         @il-warning-color;
@brand-danger:          @il-danger-color;

//== Scaffolding
//
//## Settings for some of the most global styles.

//** Background color for `<body>`.
@body-bg:               @il-content-bg;
//** Global text color on `<body>`.
@text-color:            @il-text-color;

//** Global textual link color.
@link-color:            @il-link-color;
//** Link hover color set via `darken()` function.
@link-hover-color:      @il-link-hover-color;

//** if left unchanged, you have to copy delos fonts folder to your skin folder. To use the delos fonts in your skin, please change this value (in custom less data or variables.less of your custom skin) to "../../../../templates/default/fonts/"
@il-web-font-path: "fonts/";
@font-family-sans-serif:  @il-font-family-sans-serif;

@font-size-base:          @il-font-size-base;
@font-size-large:         @il-font-size-large;
@font-size-small:         @il-font-size-small;
@font-size-xs:         	  ceil((@il-font-size-base * 0.75));

@font-size-h1:            floor((@font-size-base * 1.6));
@font-size-h2:            floor((@font-size-base * 1.4));
@font-size-h3:            ceil((@font-size-base * 1.3));
@font-size-h4:            ceil((@font-size-base * 1.2));
@font-size-h5:            ceil((@font-size-base * 1.1));
@font-size-h6:            @il-font-size-base;

//** Unit-less `line-height` for use in components like buttons.
@line-height-base:        @il-line-height-base;
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed:    floor((@il-font-size-base * @il-line-height-base)); // ~20px
//** For larger font sizes, such as titles in panels.
@line-height-large:         1.33;
//** For smaller font sizes
@line-height-small:         1.5;

//== Base Padding and Border
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
@padding-base-vertical:     @il-padding-base-vertical;
@padding-base-horizontal:   @il-padding-base-horizontal;

@padding-large-vertical:    @il-padding-large-vertical;
@padding-large-horizontal:  @il-padding-large-horizontal;

@padding-small-vertical:    @il-padding-small-vertical;
@padding-small-horizontal:  @il-padding-small-horizontal;

@padding-xs-vertical:       @il-padding-xs-vertical;
@padding-xs-horizontal:     @il-padding-xs-horizontal;

@border-radius-base:        @il-border-radius-base;
@border-radius-large:       @il-border-radius-large;
@border-radius-small:       @il-border-radius-small;

@grid-float-breakpoint-max: @il-grid-float-breakpoint-max;

//== Icons
//
//## Icons are used to represent (and quickly identify) objects.

@icon-font-path: @il-icon-font-path;

//== Navs
//
//##
@nav-link-padding:          5px 10px;
@nav-tabs-border-color:     @il-main-border-color;
/* @nav-tabs-link-hover-border-color: @brand-primary; */
@nav-tabs-active-link-hover-border-color: @il-main-border-color;

@btn-default-color:             @il-link-color;
@btn-default-border:            #d0d0d0;
@btn-default-bg:                #fefefe;

//== Badges
//
//##
@badge-bg:                    @il-warning-color;
@badge-active-bg:             @il-warning-color;

//== Input Fields
//
//## Variables used to style the ILIAS input fields (e.g. Text Inputs etc.)
@input-border-radius: 0;
@input-border-focus: lighten(@il-main-color, 20%);
@input-height-base: (floor((@il-standard-form-font-size * @line-height-base)) + (@padding-base-vertical * 2) + 2);
@input-color-placeholder: @il-text-light-color;

//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Background color used for `.table-striped`.
@table-bg-accent:               white;

//== bootstrap date time picker (/Services/Calendar/)
//
//##
@bs-datetimepicker-timepicker-font-size: 1.2em;
@bs-datetimepicker-active-bg: @il-btn-primary-bg;
@bs-datetimepicker-active-color: @il-btn-primary-color;
@bs-datetimepicker-border-radius: @il-border-radius-base;
@bs-datetimepicker-btn-hover-bg: @il-highlight-bg;
@bs-datetimepicker-disabled-color: @il-neutral-light-color;
@bs-datetimepicker-alternate-color: @il-neutral-light-color;
@bs-datetimepicker-secondary-border-color: #ccc;
@bs-datetimepicker-secondary-border-color-rgba: rgba(0, 0, 0, 0.2);
@bs-datetimepicker-primary-border-color: white;
@bs-datetimepicker-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

//== Panels
//
//##

@panel-bg:                    @il-main-bg;
@panel-body-padding:          15px;
@panel-heading-color:		  @il-text-color;
@panel-heading-padding:       1.5*@padding-large-vertical @padding-large-horizontal;
@panel-footer-padding:        @panel-heading-padding;
@panel-border-radius:         @border-radius-base;

//** Border color for elements within panels
@panel-inner-border:          @il-main-border-color;
@panel-footer-bg:             @il-main-dark-bg;

@panel-default-text:          @il-text-color;
@panel-default-border:        none;
@panel-default-heading-bg:    @il-main-dark-bg;

@panel-primary-text:          @il-text-color;
@panel-primary-border:        none;
@panel-primary-heading-bg:    @il-main-dark-bg;

//== DropDowns
//
//##
@dropdown-bg: @il-main-bg;
@dropdown-link-color: @il-text-color;
@dropdown-link-hover-color: @il-text-hover-color;
@dropdown-link-bg: transparent;
@dropdown-link-hover-bg: @il-highlight-bg;
@dropdown-header-bg: white;


@navbar-height: @il-toolbar-height;

//== Type
//
//##

//** Text muted color
@text-muted:                  @il-neutral-light-color;