// Bootstrap overrides
@import "~bootstrap/scss/variables";

$font-family-sans-serif: "Source Sans Pro", Arial, sans-serif;
$font-family-serif: "Publico Banner", "PT Serif", serif;

$font-weight-semibold: 600;

// Grid & stuff
$grid-breakpoints: (
  mobile: 0,
  tablet: 768px,
  smallDesktop: 992px,
  fullDesktop: 1200px
);
$grid-gutter-width: 30px;
$container-max-widths: (
  mobile: 700px,
  tablet: 720px,
  smallDesktop: 960px,
  fullDesktop: 1140px
);

// Custom transition variables
$transition-default: cubic-bezier(0.4, 0, 0.2, 1);
$transition-easeout: cubic-bezier(0, 0, 0.2, 1);
$transition-easein: cubic-bezier(0.4, 0, 1, 1);
$transition-ease: cubic-bezier(0.4, 0, 0.6, 1);

$transition-fast: 195ms;
$transition-slow: 375ms;
$transition-normal: 225ms;

$transition-delay-fast: $transition-fast;
$transition-delay-slow: $transition-slow;
$transition-delay-normal: $transition-normal;

/// Used in our logo and as the subtle text color on dark backgrounds.
/// @title AXA Blue
/// @color Brand Colors
$color-axa-blue: #00008f;

/// Used in our logo, to attract special offers and in error states.
/// @title AXA Red
/// @color Brand Colors
$color-axa-red: #c91432;

/// @title Deep Sapphire
/// @color Main Colors
$color-deep-sapphire: #00005b;

/// @title St. Tropaz
/// @color Main Colors
$color-st-tropaz: #2425aa;

/// @title Azure
/// @color Main Colors
$color-azure: #3032c1;

/// Used for links and as the most common background color.
/// @title Dark Indigo
/// @color Main Colors
$color-dark-indigo: #3b3fd8;

/// @title Indigo
/// @color Main Colors
$color-indigo: #494df4;

/// @title Flamingo
/// @color Main Colors
$color-flamingo: #ec4d33;

/// Used as the text color for call to action links.
/// @title Burnt Sienna
/// @color Main Colors
$color-burnt-sienna: #f07662;

/// Used as the default text color.
/// @title Mineshaft
/// @color Main Colors
$color-mineshaft: #333;

/// @title Scorpion
/// @color Main Colors
$color-scorpion: #5f5f5f;

/// @title Gray
/// @color Main Colors
$color-gray: #7f7f7f;

/// @title Dusty Gray
/// @color Main Colors
$color-dusty-gray: #999;

/// @title Silver
/// @color Main Colors
$color-silver: #ccc;

/// @title Mercury
/// @color Main Colors
$color-mercury: #e5e5e5;

/// Used for light subtle backgrounds.
/// @title Wild Sand
/// @color Main Colors
$color-wild-sand: #f5f5f5;

/// @title Alabaster
/// @color Main Colors
$color-alabaster: #fafafa;

/// Used as the default text color on dark backgrounds.
/// @title White
/// @color Main Colors
$color-white: #fff;

/// @title Black
/// @color Main Colors
$color-black: #000;

/// @title Periwinkle
/// @color Main Colors
$color-periwinkle: #c9d8ff;

/// @title Iceberg
/// @color Main Colors
$color-iceberg: #d4eef5;

/// Used as top content bar and corporate messages.
/// @title Outer Space
/// @color Secondary Colors
$color-outer-space: #343c3f;

$color-teal-blue: #064360;
$color-venice-blue: #075d86;
$color-crimson: #c91432;
$color-amaranth: #f02849;
$color-amber: #ffbf00;
$color-bright-sun: #ffd33b;
$color-mountain-meadow: #1c9a67;
$color-jungle-green: #2ab27b;
$color-fountain-blue: #57c3c3;
$color-monte-carlo: #7ed2d2;

// reboot
$font-family-base: $font-family-sans-serif;
$font-size-base: 16px;
$font-weight-base: normal;
$line-height-base: 1.6;
$body-color: $color-mineshaft;
$body-bg: #fff;
$link-color: $color-axa-blue;
$link-decoration: underline;
$link-hover-color: $color-axa-blue;
$link-hover-decoration: underline;

// z-index
$z-index-menu: 200;
$z-index-sub-menu: 201;
$z-index-header-stroke: 202;
$z-index-header-meta-dropdown: 300;

// BOOTSTRAP: override so that there is no calc error
$input-height-lg: 0;
$input-height-sm: 0;