@import '../../../brand-globals/src/less/variables';

//
// Variables
// --------------------------------------------------


//== Asset Paths
//
//##
@brand-asset-path-images: 'https://dmy0b9oeprz0f.cloudfront.net/render/app.holidayextras.co.uk/';


//== Scaffolding
//
@body-bg:                   @gray-lighter;
@text-color:                @gray-darker;

@link-color:                @logo-primary;
@link-hover-color:          @link-color;
@link-color-inverse:        rgba(255,255,255,0.7);
@link-hover-color-inverse:  rgba(255,255,255,1);

@link-hover-decoration: underline;

//== Typography
//
@font-family-sans-serif:  "Nunito", "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:            16px;
@font-size-large:           22px;
@font-size-small:           14px;

@font-size-h1:              30px;
@font-size-h2:              24px;
@font-size-h3:              20px;
@font-size-h4:              18px;
@font-size-h5:              16px;
@font-size-h6:              16px;

@line-height-base:          1.5;

@headings-font-weight:      700;
@headings-line-height:      1.25;

@page-header-border-color:  rgba(0,0,0,.3);

@blockquote-small-color:    @gray-dark;
@blockquote-border-color:   @brand-secondary;

@dl-horizontal-offset:      50%;
@dl-horizontal-breakpoint:  0;

//== Components
//
@padding-base-vertical:    6px;
@padding-base-horizontal:  12px;

@padding-large-vertical:   8px;
@padding-large-horizontal: 15px;

@padding-small-vertical:   8px;
@padding-small-horizontal: 14px;

@padding-xs-vertical:      3px;
@padding-xs-horizontal:    6px;

@border-radius-base:       0px;
@border-radius-large:      0px;
@border-radius-small:      0px;


//== Buttons
//
@btn-default-color:       @color-white;
@btn-default-bg:          @logo-primary;
@btn-default-border:      @logo-primary;

@btn-primary-color:       @color-white;
@btn-primary-bg:          @brand-primary;
@btn-primary-border:      @brand-primary;

@btn-secondary-color:     @color-white;
@btn-secondary-bg:        @brand-secondary;
@btn-secondary-border:    @brand-secondary;

@btn-success-color:       @color-white;
@btn-success-bg:          @brand-success;
@btn-success-border:      @brand-success;

@btn-info-color:          @color-white;
@btn-info-bg:             @brand-info;
@btn-info-border:         @brand-info;

@btn-warning-color:       @color-white;
@btn-warning-bg:          @brand-warning;
@btn-warning-border:      @brand-warning;

@btn-danger-color:        @color-white;
@btn-danger-bg:           @brand-danger;
@btn-danger-border:       @brand-danger;

@btn-link-disabled-color: @text-muted;


//== Forms
//
@input-bg:                @color-white;
@input-bg-disabled:       @gray-lighter;

@input-color:             @text-color;
@input-border:            @gray-light;

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

@input-border-focus:             @brand-primary;
@input-color-placeholder:        @text-muted;

@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);

@form-group-margin-bottom:       @padding-base-vertical;

@legend-color:                   @text-color;
@legend-border-color:            @hr-border;

@input-group-addon-bg:           @gray-lighter;
@input-group-addon-border-color: @input-border;

@cursor-disabled:                not-allowed;

//== Form states and alerts
//
@state-success-text:   @brand-success-darker;
@state-success-bg:     @brand-success-lighter;
@state-success-border: @brand-success;

@state-info-text:      @brand-info-darker;
@state-info-bg:        @brand-info-lighter;
@state-info-border:    @brand-info;

@state-warning-text:   @brand-warning-darker;
@state-warning-bg:     @brand-warning-lighter;
@state-warning-border: @brand-warning;

@state-danger-text:    darken(@brand-danger, 5%);
@state-danger-bg:      @brand-danger-lighter;
@state-danger-border:  @brand-danger;


//== Alerts
//
@alert-padding:               @padding-large-vertical;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      inherit;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;


//== Panels
//
@panel-bg:                    @color-white;
@panel-body-padding:          @padding-large-horizontal;
@panel-heading-padding:       @padding-large-vertical @padding-large-horizontal 0;
@panel-footer-padding:        @padding-large-vertical @padding-large-horizontal;
@panel-border-radius:         @border-radius-base;

@panel-inner-border:          transparent;
@panel-footer-bg:             @gray-light;

@panel-default-text:          @brand-secondary;
@panel-default-border:        @brand-secondary;
@panel-default-heading-bg:    @color-white;

@panel-primary-text:          @brand-primary;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @panel-default-heading-bg;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-text;
@panel-success-heading-bg:    @panel-default-heading-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-text;
@panel-info-heading-bg:       @panel-default-heading-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-text;
@panel-warning-heading-bg:    @panel-default-heading-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-text;
@panel-danger-heading-bg:     @panel-default-heading-bg;

//== Progress Trackers
//
//##

@progress-tracker-spacing:            3px;
@progress-tracker-bg:                 @brand-secondary;
@progress-tracker-color:              @color-white;
@progress-tracker-link-color:         @color-white;
@progress-tracker-link-hover-color:   @color-white;
@progress-tracker-active-bg:          @brand-primary;
@progress-tracker-active-color:       @color-white;
@progress-tracker-border:             darken(@brand-secondary, 4%);

//== Footer
//
//##

@footer-bg:          @gray-dark;
@footer-bottom-bg:   transparent;

//== Thumbnails
//
//##

@thumbnail-padding:           0;
@thumbnail-bg:                @color-white;
@thumbnail-border:            #ddd;
@thumbnail-border-radius:     @border-radius-base;
@thumbnail-caption-color:     @text-color;
@thumbnail-caption-padding:   @padding-base-vertical @padding-base-horizontal;


//== Navbar
//
//##

// Basics of a navbar
@navbar-height:                    90px;
@navbar-border-radius:             0;
@navbar-collapse-max-height:       340px;

@navbar-default-color:             @logo-primary;
@navbar-default-bg:                #FFFFFF;
@navbar-default-border:            transparent;

@navbar-inverse-bg:                @body-bg;
@navbar-inverse-border:            transparent;

// Navbar links
@navbar-default-link-color:                @logo-primary;
@navbar-default-link-hover-color:          darken(@logo-primary, 10%);
@navbar-default-link-hover-bg:             @navbar-default-bg;
@navbar-default-link-active-color:         @navbar-default-link-color;
@navbar-default-link-active-bg:            @navbar-default-link-hover-bg;
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-default-brand-color:               @navbar-default-link-color;
@navbar-default-brand-hover-color:         @navbar-default-link-hover-color;
@navbar-default-brand-hover-bg:            transparent;

// Navbar toggle
@navbar-default-toggle-hover-bg:           @logo-primary;
@navbar-default-toggle-border-color:       lighten(@logo-primary, 5%);

@navbar-inverse-link-color:                 @logo-primary;
@navbar-inverse-link-hover-color:           lighten(@logo-primary, 5%);

@nav-link-padding:                         .75rem .5vw;

// == Backgrounds == //
@bg-default:               @color-white;
@bg-muted:                 fadeout(@color-black, 93%);
@bg-muted-inverse:         fadeout(@color-white, 65%);
@bg-muted-inverse-normal:  fadeout(@color-white, 15%);
@bg-inverse:               @text-color;
@bg-brand:                 @brand-primary;
@bg-primary:               @brand-primary;
@bg-secondary:             @brand-secondary;
@bg-tertiary:              @brand-tertiary;