/* Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");

/* Centralized Variables */
:root {
  /* Typography */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --primary-color: #213a86;
  --primary-comliment-color: #0073ff;
  --primary-hover-color: #0073ff;
  --secondary-color: #6c757d;
  --secondary-hover-color: #545b62;
  --text-color: #333;
  --text-title-color: #6c6c6c;
  --background-color: #f4f6f7;
  --background-white: #fff;
  --background-shaded-color: #c1c3c5;

  --border-color-dark: #6c6c6c;
  --border-color-light: #b2b2b2;

  /*HERO Colors*/
  --hero-primary-text-color: #fff;
  --hero-secondary-text-color: whitesmoke;

  /*Nav Colors*/
  --nav-background-color: #2c3e50;
  --nav-primary-text-color: #fff;
  --nav-hover-background: rgba(255, 255, 255, 0.15);
  --nav-mobile-background: #fff;
  --nav-mobile-text-color: #333;
  --nav-mobile-hover-background: #f0f0f0;

  /* Button colors */
  --primary-button-color: #fff;
  --primary-button-text-color: #fff;
  --success-button-color: #4da422;
  --success-button-compliment-color: #69e02e;
  --info-button-color: #00b8d8;
  --info-button-compliment-color: #32fbfc;
  --warning-button-color: #ffb400;
  --warning-button-compliment-color: #f7e500;
  --danger-button-color: #fc3832;
  --danger-button-compliment-color: #dc312b;

/*Other Colors*/
  --error-color: #f00;

/*Thumbnail Background*/
  --thumbnail-bg: #d0d0d0;

/*Form Colors*/
  --input-color: #a4a4a4;
}