// colors
$orange: #FD6200;
$orange-light: #f6ad65;
$red: #D80200;
$beige: #FFF7EF;
$gray-dark: #555554;
$gray-light: #E9E9E9;
$gray: #D2D6DE;
$green-light: #BFE4C4;

@function gradient-ro($angle) {
	@return linear-gradient($angle, $orange, $red);
}

// Typo
$fz-h1: calc(40em / 15);
$fz-h2: calc(25em / 15);
$fz-h3: calc(20em / 15);
$fz-small: calc(13.5em / 15);
$fz-xsmall: calc(12em / 15);

// logos démarche
// "keyword" : "asset"
$logos-demarche: (
	"clermont-ferrand": "clermont-ferrand",
	"clermont-auvergne-metropole": "clermont-auvergne-metropole",
	"clermont-auvergne-tourisme": "clermont-auvergne-tourisme",
	"metro": "clermont-auvergne-metropole",
	"c-velo": "c-velo",
	"t2c": "t2c"
);

// Core vars
$primary-color: $orange;
$border-radius: 20px;
$font-color: $gray-dark;
$link-color: $red;
$font-family: montserrat, sans-serif;
$font-size: 93.75%;

$width: 95rem;
$mobile-limit: 1024px;
$mobile-width: none;
$sidebar-width: 25%;
$sidebar-min-width: 18rem;
$sidebar-columns-gutter: 40px;

$nav-border-radius: 0;
$nav-background: transparent;
$nav-color: white;
$nav-menu-color: $nav-color;
$nav-active-color: $nav-color;
$nav-item-selected-background: $orange;
$nav-mobile-mode: custom;
$nav-after-image: false;

$title-font-size: $fz-h3;
$title-transform: uppercase;
$title-weight: 700;
$title-background: $beige;
$title-color: $orange;
$title-padding: 1.25em 1rem !default;
$title-border-bottom: 1px solid $font-color;

$carrousel-height: 32rem;
$carrousel-text-position: middle left;
$carrousel-navigation-bullet-color: white;

$cell-border: 1px solid $font-color;
$cell-title-cover-border: false;
$cell-entry-color: $font-color;
$cell-entry-border: 1px solid $gray-dark;
$cell-entry-hover-background: $beige;

$button-background: $orange;
$button-color: white;
$button-border-radius: $border-radius / 2;

$widget-unique-checkbox-position: left;
$widget-border: 1px solid $gray-dark;
$widget-border-radius: 5px;

$wcs-steps-small-layout-limit: $mobile-limit;
$wcs-steps-spacing: .33rem;
$wcs-step-color: $font-color;
$wcs-step-current-color: $wcs-step-color;
$wcs-step-border-bottom: none;
$wcs-step-marker-background: $orange-light;
$wcs-step-marker-color: white;
$wcs-step-current-marker-color: white;
$wcs-step-current-marker-background: gradient-ro(-45deg);
$wcs-step-marker-type: disc tied;
$wcs-step-marker-tie-width: 2px;
$wcs-step-marker-tie-color: $font-color;

$form-sidebar-position: top;
$buttons-order: cancel, previous, submit;

$footer-background: $beige;
$footer-color: $font-color;

$back-top-display: mobile-only;

$nav-mobile-bottom-bar-background: gradient-ro(-45deg);
