/* COLORS
----------------------------------------- */
:root {

  /* AutoNation COLORS */
  --an-pink: #E61464;
  --an-blue: #0A3453;
  --an-black: #000000;
  --an-white: #FFFFFF;
  --an-gray: #f9f9fb;
  --an-light-blue: #8bcaf8;

  --color-primary-500: var(--an-pink);
  --color-primary-800: var(--an-blue);
  --btn-default-border-color: var(--an-pink);
      
  --page-bg: var(--an-gray);
  --page-title-bg: var(--an-gray);

  /* ----------------------------------------------------------------------------- */
  
  /* LINKS */
  --btn-link-color: var(--an-pink);
  --btn-link-hover-color: var(--an-pink);
  --btn-link-active-color: var(--an-pink);
  --btn-link-disabled-color: var(--an-pink);

  /* LINKS INVERSE 
  --btn-link-inverse-color: var(--sc-red);
  --btn-link-inverse-hover-color: var(--sc-red);
  --btn-link-inverse-active-color: var(--sc-red);
  --btn-link-inverse-disabled-color: var(--sc-red);

  /* ----------------------------------------------------------------------------- */
  
  /* DEFAULT */
  --btn-default-border-color: var(--an-pink);
  --btn-default-bg: var(--an-white);
  --btn-default-color: var(--an-pink);

  /* DEFAULT HOVER */
  --btn-default-hover-border-color: var(--an-pink);
  --btn-default-hover-bg: var(--an-pink);
  --btn-default-hover-color: var(--an-white);

  /* ----------------------------------------------------------------------------- */
  
  
  /* DEFAULT INVERSE 
  --btn-default-inverse-border-color: var(--sc-gray);
  --btn-default-inverse-bg: var(--sc-gray);
  --btn-default-inverse-color: var(--sc-red);

  /* DEFAULT INVERSE HOVER 
  --btn-default-inverse-hover-border-color: var(--sc-red);
  --btn-default-inverse-hover-bg: var(--sc-gray);
  --btn-default-inverse-hover-color: var(--sc-red);
  

  /* ----------------------------------------------------------------------------- */

  /* DEFAULT ACTIVE */
  --btn-default-active-border-color: var(--an-pink);
  --btn-default-active-bg: var(--an-pink);
  --btn-default-active-color: var(--an-white);

  /* DEFAULT ACTIVE INVERSE */
  --btn-default-inverse-active-border-color: var(--sc-gray);
  --btn-default-inverse-active-bg: var(--sc-gray);
  --btn-default-inverse-active-color: var(--sc-red);
  
  /* ----------------------------------------------------------------------------- */
  
  /* PRIMARY HOVER */
  --btn-primary-hover-border-color: var(--an-pink);
  --btn-primary-hover-bg: var(--an-white);
  --btn-primary-hover-color: var(--an-pink);
  
  /* ----------------------------------------------------------------------------- */
  
  /* PRIMARY INVERSE 
  --btn-primary-inverse-border-color: var(--sc-red);
  --btn-primary-inverse-bg: var(--sc-red);
  --btn-primary-inverse-color: var(--sc-white);

  /* PRIMARY INVERSE HOVER 
  --btn-primary-inverse-hover-border-color: var(--sc-red);
  --btn-primary-inverse-hover-bg: var(--sc-white);
  --btn-primary-inverse-hover-color: var(--sc-red);

  /* ----------------------------------------------------------------------------- */  
  
  /* PRIMARY ACTIVE */
  --btn-primary-active-border-color: var(--an-pink);
  --btn-primary-active-bg: var(--an-white);
  --btn-primary-active-color: var(--an-pink);

  /*
  /* PRIMARY ACTIVE INVERSE 
  --btn-primary-inverse-active-border-color: var(--sc-red);
  --btn-primary-inverse-active-bg: var(--sc-white);
  --btn-primary-inverse-active-color: var(--sc-red);
  */

  /* ----------------------------------------------------------------------------- */

  /* SRP - PAGINATION */
  --pagination-color: var(--an-pink);
  --pagination-hover-color: var(--an-pink);
  --pagination-hover-border: var(--an-pink);
  --pagination-active-color: var(--an-pink);
  --pagination-active-border: var(--an-pink);
}


.an-pink {color: var(--an-pink);}
.an-gray {background-color: var(--an-gray);}

.bg-body {background-color: var(--an-white) !important;}
.bg-light {background-color: var(--an-gray) !important;}