@use "vars" as v;

#app {

  a {
    $link_color: darken(v.$green, 10);
    text-decoration: none;
    color: $link_color;
    &:visited {
      color: $link_color;
    }
    &:hover {
      text-decoration: underline;
    }
  }

  .logo {
    font-family: v.$heading-font-family;
    font-weight: 500;
    .arrow {
      font-size: 1.3em;
      vertical-align: center;
    }
  }

  .logo-large {
    font-size: 24px;
  }

  .logo-small {
    font-size: 0.8em;
  }

  .logo-xl {
    font-size: 2em;
  }

  .title {
    font-family: v.$heading-font-family;
    font-weight: 500;
    font-size: 21px;
  }

  .clickable {
    :hover {
      cursor: pointer !important;
    }
  }

  .v-btn {
    //font-family: v.$heading-font-family;
    text-transform: none;
  }

  .actions {
    margin-top: 1em;
    margin-bottom: 1em;

    .v-btn {
      margin-left: 1em;
      margin-right: 1em;
    }
  }

  .v-card-title {
    font-family: v.$heading-font-family;
    //color: v.$blue;
  }

  .title {
    font-family: v.$heading-font-family;
  }

  .v-list-subheader {
    font-family: v.$heading-font-family;
  }

  //input {
  //  text-align: center;
  //}
  //
  //.v-field__input {
  //  justify-content: center;
  //}
  //
  //.v-text-field.text-end input {
  //  text-align: end;
  //}
  //
  //.v-input {
  //  margin-top: 1em;
  //  margin-bottom: 1em;
  //}

  .maxw {
    max-width: v.$card-maxw;
  }

}

.uniswap-color {
  color: v.$uniswap-color;
}
