@internal-fonts: 'Kanit:200|Nunito+Sans:300';
@global-font-family: Nunito Sans;
@global-font-size: 17px;
@global-line-height: 1.58;      // 27px
@global-2xlarge-font-size: 46px;
@global-xlarge-font-size: 38px;
@global-large-font-size: 32px;
@global-medium-font-size: 26px;
@global-small-font-size: 14px;
@global-primary-font-family: inherit;
@global-primary-font-weight: 300;
@global-primary-text-transform: inherit;
@global-primary-letter-spacing: inherit;
@global-primary-font-style: inherit;
@global-secondary-font-family: inherit;
@global-secondary-font-weight: 300;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: inherit;
@global-secondary-font-style: inherit;
@global-color: #5f5f63;
@global-emphasis-color: #222328;
@global-muted-color: #a7a7a7;
@global-link-color: #e789ac;
@global-link-hover-color: #7fcAc5;
@global-inverse-color: #fff;
@global-background: #fff;
@global-muted-background: #fafafa;
@global-primary-background: #f7eff2;
@global-secondary-background: #e3f3f2;
@global-success-background: #9dccae;
@global-warning-background: #f7b683;
@global-danger-background: #e78b8b;
@global-border-width: 2px;
@global-border: #eee;
@global-border-radius: 0;
@global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08);
@global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08);
@global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16);
@global-margin: 30px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 65px;
@global-xlarge-margin: 130px;
@global-gutter: 25px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 65px;
@global-control-height: 45px;
@global-control-small-height: 30px;
@global-control-large-height: 60px;
@global-z-index: 1000;
@base-link-hover-text-decoration: none;
@base-code-color: @global-link-hover-color;
@base-code-font-size: 13px;
@base-em-color: @global-link-hover-color;
@base-h2-font-size: @global-xlarge-font-size * 0.9;
@base-h5-font-size: 20px;
@base-h6-font-size: @global-font-size;
@base-hr-border-width: 1px;
@base-blockquote-font-size: 20px;
@base-blockquote-footer-font-size: @global-font-size;
@base-blockquote-footer-margin-top: @global-medium-margin;
@base-selection-background: @global-link-color;
@base-code-padding-horizontal: 4px;
@base-code-padding-vertical: 1px;
@base-code-border-radius: 2px;
@base-code-border-width: 1px;
@base-pre-padding: @global-small-margin;
@base-code-border: @global-border;
@base-pre-background: @global-muted-background;
@base-blockquote-footer-em-dash: false;
@base-blockquote-color: @global-color;
@base-blockquote-footer-color: @global-emphasis-color;
@inverse-base-link-hover-color: @inverse-global-color;
@link-heading-hover-color: @global-link-color;
@heading-small-font-size-m: 56px;
@heading-medium-font-size-l: 72px;
@heading-divider-border-width: ~'calc(1px + 0.05em)';
@heading-bullet-border-width: ~'calc(2px + 0.05em)';
@heading-line-border-width: ~'calc(1px + 0.06em)';
@heading-medium-font-family: Kanit;
@heading-medium-font-weight: 200;
@heading-medium-text-transform: uppercase;
@heading-large-font-family: Kanit;
@heading-large-font-weight: 200;
@heading-large-text-transform: uppercase;
@heading-xlarge-font-family: Kanit;
@heading-xlarge-font-weight: 200;
@heading-xlarge-text-transform: uppercase;
@heading-2xlarge-font-family: Kanit;
@heading-2xlarge-font-weight: 200;
@heading-2xlarge-text-transform: uppercase;
@divider-icon-line-border-width: 1px;
@list-divider-border-width: 1px;
@list-bullet-icon-color: @global-link-color;
@description-list-term-font-weight: @global-primary-font-weight;
@description-list-divider-term-border-width: 1px;
@table-header-cell-color: @global-muted-color;
@table-divider-border-width: 1px;
@icon-link-color: @global-emphasis-color;
@icon-link-hover-color: @global-link-color;
@icon-link-active-color: @global-link-hover-color;
@icon-button-background: darken(@global-muted-background, 3%);
@icon-button-hover-background: @global-link-color;
@icon-button-hover-color: @global-inverse-color;
@icon-button-active-background: @global-link-hover-color;
@icon-button-active-color: @global-inverse-color;
@inverse-icon-link-color: @inverse-global-color;
@inverse-icon-link-hover-color: @inverse-global-emphasis-color;
@inverse-icon-link-active-color: @inverse-global-emphasis-color;
@inverse-icon-button-hover-background: @inverse-global-primary-background;
@inverse-icon-button-hover-color: @global-emphasis-color;
@inverse-icon-button-active-background: fade(@inverse-global-primary-background, 80%);
@inverse-icon-button-active-color: @global-emphasis-color;
@form-range-thumb-height: 12px;
@form-range-track-height: 2px;
@form-range-thumb-background: @global-link-hover-color;
@form-background: @global-background;
@form-focus-background: @form-background;
@form-large-font-size: @global-font-size;
@form-radio-checked-background: @global-link-hover-color;
@form-radio-checked-focus-background: @global-link-hover-color;
@form-border: #f5f5f5;
@form-focus-border: darken(@form-border, 5%);
@form-border-width: @global-border-width;
@form-blank-focus-border: darken(@form-border, 5%);
@form-danger-border: #ffecec;
@form-success-border: @global-secondary-background;
@inverse-form-background: transparent;
@inverse-form-focus-background: transparent;
@inverse-form-border: fadeout(@inverse-global-border, 10%);
@inverse-form-focus-border: @inverse-global-border;
@button-large-font-size: @global-font-size;
@button-default-background: transparent;
@button-default-hover-background: transparent;
@button-default-hover-color: @global-inverse-color;
@button-default-active-background: darken(@global-link-color, 5%);
@button-default-active-color: @global-inverse-color;
@button-primary-background: transparent;
@button-primary-color: @global-inverse-color;
@button-primary-hover-background: transparent;
@button-primary-hover-color: @global-link-color;
@button-primary-active-background: transparent;
@button-primary-active-color: darken(@button-primary-hover-color, 10%);
@button-secondary-background: transparent;
@button-secondary-hover-background: transparent;
@button-secondary-hover-color: @global-link-hover-color;
@button-secondary-active-background: transparent;
@button-secondary-active-color: darken(@button-secondary-hover-color, 20%);
@button-danger-background: transparent;
@button-danger-hover-background: transparent;
@button-danger-hover-color: @global-danger-background;
@button-danger-active-background: transparent;
@button-danger-active-color: darken(@button-danger-hover-color, 15%);
@button-text-color: @global-color;
@button-text-hover-color: @global-link-color;
@button-link-hover-color: @global-link-hover-color;
@button-transition-duration: 0.17s;
@button-background-size: 200%;
@button-background-position-x: 100%;
@button-hover-background-position-x: 0;
@button-text-mode: arrow;
@button-border-width: @global-border-width;
@button-default-border: @global-emphasis-color;
@button-default-hover-border: @global-link-color;
@button-primary-border: @global-link-color;
@button-primary-hover-border: @global-link-color;
@button-primary-active-border: darken(@button-primary-hover-border, 10%);
@button-secondary-border: @global-link-hover-color;
@button-secondary-hover-border: @global-link-hover-color;
@button-secondary-active-border: darken(@button-secondary-hover-border, 20%);
@button-danger-border: @global-danger-background;
@button-danger-hover-border: @global-danger-background;
@button-danger-active-border: darken(@button-danger-hover-border, 15%);
@internal-button-default-gradient: linear-gradient(90deg, @global-link-color 50%, @button-default-background 50%);
@internal-button-default-hover-gradient: linear-gradient(90deg, @global-link-color 50%, @button-default-hover-background 50%);
@internal-button-primary-gradient: linear-gradient(90deg, @button-primary-hover-background 50%, @global-link-color 50%);
@internal-button-primary-hover-gradient: linear-gradient(90deg, @button-primary-hover-background 50%, @global-link-color 50%);
@internal-button-secondary-gradient: linear-gradient(90deg, @button-secondary-hover-background 50%, @global-link-hover-color 50%);
@internal-button-secondary-hover-gradient: linear-gradient(90deg, @button-secondary-hover-background 50%, @global-link-hover-color 50%);
@internal-button-danger-gradient: linear-gradient(90deg, @button-danger-hover-background 50%, @global-danger-background 50%);
@internal-button-danger-hover-gradient: linear-gradient(90deg, @button-danger-hover-background 50%, @global-danger-background 50%);
@inverse-button-default-background: transparent;
@inverse-button-default-color: @inverse-global-emphasis-color;
@inverse-button-default-hover-background: @inverse-global-primary-background;
@inverse-button-default-hover-color: darken(@inverse-global-inverse-color, 20%);
@inverse-button-default-active-background: @inverse-global-color;
@inverse-button-default-active-color: darken(@inverse-global-inverse-color, 50%);
@inverse-button-primary-color: @global-emphasis-color;
@inverse-button-primary-hover-background: transparent;
@inverse-button-primary-hover-color: @inverse-global-primary-background;
@inverse-button-primary-active-background: transparent;
@inverse-button-primary-active-color: @inverse-global-color;
@inverse-button-secondary-color: @global-emphasis-color;
@inverse-button-secondary-hover-background: transparent;
@inverse-button-secondary-hover-color: @inverse-global-primary-background;
@inverse-button-secondary-active-background: transparent;
@inverse-button-secondary-active-color: @inverse-global-color;
@inverse-button-default-border: @inverse-global-primary-background;
@inverse-button-primary-hover-border: @inverse-global-primary-background;
@inverse-button-primary-active-border: @inverse-global-color;
@inverse-button-secondary-hover-border: @inverse-global-primary-background;
@inverse-button-secondary-active-border: @inverse-global-color;
@progress-bar-background: @global-link-color;
@section-primary-color-mode: dark;
@section-secondary-color-mode: dark;
@tile-primary-color-mode: dark;
@tile-secondary-color-mode: dark;
@card-badge-height: 27px;
@card-badge-padding-horizontal: 12px;
@card-badge-background: @global-link-color;
@card-default-hover-background: @card-default-background;
@card-primary-color: @global-emphasis-color;
@card-primary-hover-background: darken(@card-primary-background, 2%);
@card-primary-color-mode: dark;
@card-secondary-color: @global-emphasis-color;
@card-secondary-hover-background: darken(@card-secondary-background, 2%);
@card-secondary-color-mode: dark;
@close-color: @global-link-hover-color;
@close-hover-color: @global-link-color;
@marker-background: #e789ac;
@marker-color: #f7eff2;
@marker-hover-color: #f7eff2;
@marker-hover-background: darken(@marker-background, 4%);
@totop-color: @global-link-color;
@totop-hover-color: @global-link-hover-color;
@alert-background: @global-muted-background;
@alert-primary-background: @global-primary-background;
@alert-primary-color: @global-link-color;
@alert-success-background: @global-secondary-background;
@alert-success-color: #3bac64;
@alert-warning-background: #fff5ee;
@alert-warning-color: #f58933;
@alert-danger-background: #ffecec;
@alert-danger-color: #e51f1f;
@alert-success-border: transparent;
@badge-background: @global-link-color;
@badge-font-size: 12px;
@label-padding-horizontal: 8px;
@label-background: transparent;
@label-border: @global-link-color;
@label-color: darken(@global-link-color, 10%);
@label-success-background: transparent;
@label-success-border: @global-success-background;
@label-success-color: darken(@global-success-background, 15%);
@label-warning-background: transparent;
@label-warning-border: @global-warning-background;
@label-warning-color: darken(@global-warning-background, 10%);
@label-danger-background: transparent;
@label-danger-border: @global-danger-background;
@label-danger-color: darken(@global-danger-background, 15%);
@label-border-width: @global-border-width;
@overlay-primary-background: fade(@global-link-color, 80%);
@article-meta-font-size: @global-font-size;
@article-meta-color: @global-muted-color;
@article-meta-link-color: @global-link-color;
@article-meta-link-hover-color: @global-link-hover-color;
@comment-title-font-size: @global-font-size;
@search-default-background: transparent;
@search-default-focus-background: transparent;
@search-toggle-color: @global-emphasis-color;
@search-toggle-hover-color: @global-link-color;
@search-default-border-width: @global-border-width;
@search-default-border: #f5f5f5;
@search-default-focus-border: darken(@search-default-border, 5%);
@inverse-search-default-background: transparent;
@inverse-search-default-focus-background: transparent;
@inverse-search-default-border: fadeout(@inverse-global-border, 10%);
@inverse-search-default-focus-border: @inverse-global-border;
@accordion-title-font-size: 20px;
@accordion-title-hover-color: @global-link-color;
@accordion-item-padding-top: @accordion-item-margin-top;
@accordion-item-border-width: @global-border-width;
@accordion-item-border: @global-border;
@dropdown-padding: @global-gutter;
@dropdown-nav-item-color: @global-muted-color;
@dropdown-nav-item-hover-color: @global-color;
@dropdown-nav-item-active-color: @global-color;
@dropdown-nav-subtitle-font-size: 13px;
@dropdown-nav-subtitle-color: @global-muted-color;
@dropbar-padding-top: 25px;
@modal-header-border-width: 1px;
@modal-footer-border-width: 1px;
@offcanvas-bar-background: @global-background;
@offcanvas-bar-color-mode: dark;
@offcanvas-overlay-background: fade(@global-emphasis-color, 20%);
@leader-color: #ddd;
@notification-message-primary-color: @global-color;
@notification-message-primary-color-mode: dark;
@tooltip-background: @global-color;
@nav-divider-margin-vertical: 15px;
@nav-default-item-color: @global-color;
@nav-default-item-hover-color: @global-muted-color;
@nav-default-subtitle-font-size: 13px;
@nav-primary-font-size: @global-medium-font-size;
@nav-primary-item-color: @global-color;
@nav-primary-item-hover-color: @global-muted-color;
@nav-primary-subtitle-font-size: 15px;
@nav-primary-sublist-font-size: @global-font-size;
@nav-secondary-subtitle-color: fade(@global-color, 80%);
@nav-secondary-subtitle-hover-color: @global-emphasis-color;
@nav-secondary-sublist-font-size: @global-font-size;
@nav-secondary-sublist-item-color: @global-color;
@nav-secondary-sublist-item-hover-color: @global-link-color;
@nav-secondary-sublist-item-active-color: @nav-secondary-sublist-item-hover-color;
@nav-dividers-margin-top: 7px;
@nav-dividers-border-width: 1px;
@nav-default-subtitle-color: @global-muted-color;
@nav-primary-subtitle-color: @global-muted-color;
@nav-secondary-margin-top: 15px;
@nav-secondary-subtitle-line-height: 1.5;
@inverse-nav-secondary-subtitle-hover-color: @inverse-global-emphasis-color;
@navbar-background: @global-background;
@navbar-nav-item-height: 100px;
@navbar-nav-item-padding-horizontal: 0;
@navbar-nav-item-color: @global-emphasis-color;
@navbar-nav-item-hover-color: @global-emphasis-color;
@navbar-nav-item-active-color: @global-link-color;
@navbar-nav-item-onclick-color: @global-link-color;
@navbar-toggle-color: @global-emphasis-color;
@navbar-toggle-hover-color: @global-link-color;
@navbar-subtitle-font-size: 13px;
@navbar-dropdown-shift-margin: -@navbar-dropdown-padding;
@navbar-dropdown-padding: 25px;
@navbar-dropdown-nav-item-color: @global-muted-color;
@navbar-dropdown-nav-item-hover-color: @global-color;
@navbar-dropdown-nav-item-active-color: @global-color;
@navbar-dropdown-nav-subtitle-font-size: 13px;
@navbar-dropdown-large-shift-margin: -@navbar-dropdown-large-padding;
@navbar-nav-item-padding-horizontal-m: 0;
@navbar-primary-gap-m: 40px;
@navbar-primary-nav-gap-m: 40px;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-slide-mode: left;
@navbar-nav-item-line-margin-vertical: 30px;
@navbar-nav-item-line-transition-duration: 0.3s;
@navbar-nav-item-line-hover-height: 2px;
@navbar-nav-item-line-hover-background: @global-link-color;
@navbar-nav-item-line-onclick-height: @navbar-nav-item-line-hover-height;
@navbar-nav-item-line-onclick-background: @global-link-color;
@navbar-nav-item-line-active-mode: false;
@navbar-nav-item-line-active-height: 0;
@navbar-nav-item-line-active-background: transparent;
@navbar-subtitle-color: @global-muted-color;
@navbar-subtitle-line-height: 1.5;
@navbar-primary-nav-item-font-size: 22px;
@navbar-dropdown-nav-subtitle-colo: @global-muted-color;
@inverse-navbar-nav-item-color: @inverse-global-color;
@inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color;
@inverse-navbar-toggle-color: @inverse-global-color;
@inverse-navbar-toggle-hover-color: @inverse-global-emphasis-color;
@subnav-divider-border-width: 1px;
@subnav-pill-item-active-background: @global-link-color;
@breadcrumb-item-color: @global-color;
@breadcrumb-item-hover-color: @global-link-color;
@breadcrumb-item-active-color: @global-emphasis-color;
@breadcrumb-divider-margin-horizontal: @global-small-margin;
@breadcrumb-divider: "–";
@breadcrumb-item-disabled-color: @global-muted-color;
@inverse-breadcrumb-item-hover-color: @global-link-color;
@inverse-breadcrumb-item-active-color: @global-inverse-color;
@pagination-margin-horizontal: 16px;
@pagination-item-padding-vertical: 0;
@pagination-item-padding-horizontal: 2px;
@pagination-item-active-color: @global-emphasis-color;
@pagination-item-border-mode: -bottom;
@pagination-item-border-width: @global-border-width;
@pagination-item-hover-border: @global-link-color;
@inverse-pagination-item-active-color: @inverse-global-emphasis-color;
@inverse-pagination-item-hover-border: @inverse-global-primary-background;
@tab-border-width: 0;
@tab-border: transparent;
@tab-item-hover-border: @global-border;
@tab-item-active-border: @global-link-color;
@inverse-tab-item-hover-border: @inverse-global-muted-background;
@slidenav-padding-vertical: 10px;
@slidenav-padding-horizontal: 13px;
@slidenav-color: fade(@global-color, 90%);
@slidenav-hover-color: fade(@global-color, 90%);
@slidenav-active-color: @global-color;
@slidenav-large-padding-vertical: 16px;
@slidenav-border-width: 1px;
@slidenav-border: fade(@global-color, 60%);
@slidenav-hover-border: @global-color;
@slidenav-active-border: @global-color;
@slidenav-margin: 5px;
@inverse-slidenav-border: fade(@global-inverse-color, 50%);
@inverse-slidenav-hover-border: @global-inverse-color;
@inverse-slidenav-active-border: @global-inverse-color;
@dotnav-item-hover-background: @global-link-color;
@dotnav-item-onclick-background: darken(@global-link-color, 10%);
@dotnav-item-active-background: @global-link-color;
@thumbnav-item-background: transparent;
@thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@iconnav-item-color: @global-emphasis-color;
@iconnav-item-hover-color: @global-link-color;
@iconnav-item-active-color: @global-link-color;
@text-lead-font-size: 20px;
@text-lead-line-height: 1.4;
@text-meta-line-height: 1.2;
@text-large-font-size: 20px;
@text-large-line-height: 1.4;
@text-primary-color: @global-link-color;
@text-secondary-color: @global-link-hover-color;
@text-background-color: @global-link-color;
@box-shadow-bottom-background: #716d87;
@logo-font-size: 30px;
@logo-text-transform: uppercase;